小程序求助canvas保存图片,就保存下来上边一半,下边的没有了
2019-03-15 16:54:37
微信公开课小程序热门讨论关于「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」的小程序开发问题
补充:小程序求助canvas保存图片,就保存下来上边一半,下边的没有了
展开:这是在手机上我想要保存的:这是我手机保存下来的样子:在模拟器上,保存到电脑本地,正常,但是在手机上保存就只保存一半即速小程序:wxml:<canvaswx:if={{d_c}}style=zindex:20;border:1pxsolidblack;position:absolute;left:43rpx;top:80rpx;backgroundcolor:white;width:660rpx;height:{{c_height}}rpx;canvasid=myCanvas<buttonwx:if={{d_c}}style=zindex:20;position:absolute;left:250rpx;top:{{c_height+100}}rpx;bindtap=share分享到朋友圈<buttonjs:c_canvas:function(){varthat=this;thatsetData({d_c:true})getApp()loading(请稍等……,30000)wxgetImageInfo({src:https:bmobcdn22087bmobcloudcom2018112898a3a696407c069080eabb219515a088jpg,success(res0){wxgetImageInfo({src:thatdataimg,success(res){consolelog(res)constcts=wxcreateCanvasContext(myCanvas)ctssetFillStyle(white);ctsfillRect(0,0,200,3236);上面是画背景ctsdrawImage(respath,6,5,350,resheightreswidth*350)画图片ctsdrawImage(res0path,5,resheightreswidth*350+15,100,100)画二维码ctssetFillStyle(black)ctssetFontSize(20);ctssetTextAlign(left);ctsfillText(thatdatatitle,130,resheightreswidth*350+50);ctsfillText(+thatdatauserNickName,350thatdatauserNickNamelength*15,resheightreswidth*350+110);画标题和名字thatsetData({c_height:(resheightreswidth*350+130)*18})ctsdraw(false,function(e){wxcanvasToTempFilePath({canvasId:myCanvas,success:function(res){获得图片临时路径thatdatacanvasimg=restempFilePath;}})});wxhideToast()consolelog(resheight)}})}})},share:function(){wxsaveImageToPhotosAlbum({filePath:thisdatacanvasimg,success(res){consolelog(reserrMsg)},fail(res){consolelog(reserrMsg)}})},:能做个代码片段吗可能是你存图不是在ctxdraw(false,callback)的callback里,也可能是你尺寸算错了
更多有关「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」的讨论可以前往微信公开课小程序参与互动哦!
补充:小程序求助canvas保存图片,就保存下来上边一半,下边的没有了
展开:这是在手机上我想要保存的:这是我手机保存下来的样子:在模拟器上,保存到电脑本地,正常,但是在手机上保存就只保存一半即速小程序:wxml:<canvaswx:if={{d_c}}style=zindex:20;border:1pxsolidblack;position:absolute;left:43rpx;top:80rpx;backgroundcolor:white;width:660rpx;height:{{c_height}}rpx;canvasid=myCanvas<buttonwx:if={{d_c}}style=zindex:20;position:absolute;left:250rpx;top:{{c_height+100}}rpx;bindtap=share分享到朋友圈<buttonjs:c_canvas:function(){varthat=this;thatsetData({d_c:true})getApp()loading(请稍等……,30000)wxgetImageInfo({src:https:bmobcdn22087bmobcloudcom2018112898a3a696407c069080eabb219515a088jpg,success(res0){wxgetImageInfo({src:thatdataimg,success(res){consolelog(res)constcts=wxcreateCanvasContext(myCanvas)ctssetFillStyle(white);ctsfillRect(0,0,200,3236);上面是画背景ctsdrawImage(respath,6,5,350,resheightreswidth*350)画图片ctsdrawImage(res0path,5,resheightreswidth*350+15,100,100)画二维码ctssetFillStyle(black)ctssetFontSize(20);ctssetTextAlign(left);ctsfillText(thatdatatitle,130,resheightreswidth*350+50);ctsfillText(+thatdatauserNickName,350thatdatauserNickNamelength*15,resheightreswidth*350+110);画标题和名字thatsetData({c_height:(resheightreswidth*350+130)*18})ctsdraw(false,function(e){wxcanvasToTempFilePath({canvasId:myCanvas,success:function(res){获得图片临时路径thatdatacanvasimg=restempFilePath;}})});wxhideToast()consolelog(resheight)}})}})},share:function(){wxsaveImageToPhotosAlbum({filePath:thisdatacanvasimg,success(res){consolelog(reserrMsg)},fail(res){consolelog(reserrMsg)}})},:能做个代码片段吗可能是你存图不是在ctxdraw(false,callback)的callback里,也可能是你尺寸算错了
更多有关「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」
微信公开课小程序热门讨论「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序求助canvas保存图片,就保存下来上边一半,下边的没有了」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 16:54:37
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>