小程序开发canvas
2019-03-15 18:17:35
微信公开课小程序热门讨论关于「小程序开发canvas」的小程序开发问题
补充:小程序动态生成分享图片,用wxcreateCanvasContext(myCanvas)将网络图片绘制出来,在开发者工具上可以,但是在真机上画不出来,想问下有没有哪位遇到过这个问题,是怎么解决的绘制分享图片functiondra
展开:小程序动态生成分享图片,用wxcreateCanvasContext(myCanvas)将网络图片绘制出来,在开发者工具上可以,但是在真机上画不出来,想问下有没有哪位遇到过这个问题,是怎么解决的绘制分享图片functiondrawImage(bg,logo,title,cb){letthat=this;constctx=wxcreateCanvasContext(myCanvas);绘制背景wxgetImageInfo({src:bg,success(res){ctxdrawImage(respath,0,0,315,1585);ctxsetFillStyle(rgb(255,255,255))ctxfillRect(20,115,100,100)ctxsave()}})绘制logo和标题setTimeout(function(){wxgetImageInfo({src:logo,success(res){ctxdrawImage(respath,20,115,100,100);ctxsetFontSize(20);ctxsetFillStyle(rgb(0,0,0))ctxfillText(title,140,200);ctxsave()}})},500)setTimeout(function(){ctxdraw(true,function(res){wxcanvasToTempFilePath({canvasId:myCanvas,success(res){wxuploadFile({url:httpsgetDomain()+uploaduploadpic,filePath:restempFilePath,name:file,dataType:json,header:{contenttype:applicationxwwwformurlencoded},success:function(res2){letjsonData=JSONparse(res2data);if(jsonDatastatus==1){returntypeofcb==function&&cb(jsonDatadata)}else{wxshowToast({title:jsonDatamsg,icon:,duration:20000});}}});}})})},1000)}即速小程序:downloadFile下载再画试试呢
更多有关「小程序开发canvas」的讨论可以前往微信公开课小程序参与互动哦!
补充:小程序动态生成分享图片,用wxcreateCanvasContext(myCanvas)将网络图片绘制出来,在开发者工具上可以,但是在真机上画不出来,想问下有没有哪位遇到过这个问题,是怎么解决的绘制分享图片functiondra
展开:小程序动态生成分享图片,用wxcreateCanvasContext(myCanvas)将网络图片绘制出来,在开发者工具上可以,但是在真机上画不出来,想问下有没有哪位遇到过这个问题,是怎么解决的绘制分享图片functiondrawImage(bg,logo,title,cb){letthat=this;constctx=wxcreateCanvasContext(myCanvas);绘制背景wxgetImageInfo({src:bg,success(res){ctxdrawImage(respath,0,0,315,1585);ctxsetFillStyle(rgb(255,255,255))ctxfillRect(20,115,100,100)ctxsave()}})绘制logo和标题setTimeout(function(){wxgetImageInfo({src:logo,success(res){ctxdrawImage(respath,20,115,100,100);ctxsetFontSize(20);ctxsetFillStyle(rgb(0,0,0))ctxfillText(title,140,200);ctxsave()}})},500)setTimeout(function(){ctxdraw(true,function(res){wxcanvasToTempFilePath({canvasId:myCanvas,success(res){wxuploadFile({url:httpsgetDomain()+uploaduploadpic,filePath:restempFilePath,name:file,dataType:json,header:{contenttype:applicationxwwwformurlencoded},success:function(res2){letjsonData=JSONparse(res2data);if(jsonDatastatus==1){returntypeofcb==function&&cb(jsonDatadata)}else{wxshowToast({title:jsonDatamsg,icon:,duration:20000});}}});}})})},1000)}即速小程序:downloadFile下载再画试试呢
更多有关「小程序开发canvas」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「小程序开发canvas」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序开发canvas」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序开发canvas」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序开发canvas」
微信公开课小程序热门讨论「小程序开发canvas」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序开发canvas」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:17:35
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>