用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 資訊/觀點 查看內容

填坑:微信小程序用canvas海報踩到的坑

Rolan 2019-12-11 00:02

canvas圖片在真機上看不到用戶頭像

周末在小程序上做了個給頭像戴圣誕帽的功能,先調用用戶頭像,再用canvas繪制新頭像,在繪制新頭像時遇到兩個問題。

一、開發者工具報錯: https://wx.qlogo.cn 不在以下 downloadFile 合法域名列表中……

調用本地圖片和拍照都沒有報錯,然而調用用戶頭像就報錯了,這是因為用戶頭像是網絡圖片。

要解決這個問題,在小程序后臺加合法域名就可以:

二、canvas圖片在真機上看不到用戶頭像

解決了第一個問題,在開發者工具可以正確生成新頭像,后來真機打開才發現是空白的。

原因:小程序的canvas繪制圖片,圖片路徑必須為本地的路徑,不能是網絡路徑。

解決方案:獲取到頭像后,用downloadFile方法把網絡圖片下載到本地,下載之后再開始繪制canvas。

wx.downloadFile({
    url: this.avatarUrl,
    success: function (res) {
        that.setData({
            avatarUrl:res.tempFilePath,
        })
        that.draw(); // 繪制
    },
    fail: function (err) {
        console.log(err)
    }
鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: 一個互聯網學徒 來自: segmentfault
  • w溫雅.40 2019-12-12 12:25
    我也做好一個圣誕帽的,歡迎討論
必中分分彩在线计划 快乐飞艇是哪个国家的 温州麻将天胡多少倍 新西兰4.5彩吧 股票权重股是什么意 麻将 澳洲幸运10骗局 黑龙江22选5玩法说明 江苏7位数如何中奖 江苏快3稳赚 和讯股票行情 网上兼职赚钱app靠谱吗 陕西11选5走势图 天津快乐十分走势 5元以下股票推荐 重庆幸运农场开奖号码 开元棋牌辅助器