wxcanvasToTempFilePath生成图片为透明
2019-03-15 18:16:34
微信公开课小程序热门讨论关于「wxcanvasToTempFilePath生成图片为透明」的小程序开发问题
补充:1、图片旋转之后,进行裁剪,把图片画到canvas上之后生成图片wxcanvasToTempFilePath,返回的图片打开是透明的若把图片格式改为jpg,在开发工具上为白色实底区块,在真机上为黑色区块代码把图片绘
展开:1、图片旋转之后,进行裁剪,把图片画到canvas上之后生成图片wxcanvasToTempFilePath,返回的图片打开是透明的若把图片格式改为jpg,在开发工具上为白色实底区块,在真机上为黑色区块代码:** *把图片绘制到canvas上 *@param[Boolean]isOnload是否是在刚加载阶段, *@param[String]imageSrc背景图片的路径 *@param[Number]width 图片在canvas上的宽度 *@param[Number]height图片在canvas上的高度 *@param[Number]turnNum图片旋转的次数(1:90度;2:180;0:原位置) *drawImg:function(isOnload,imageSrc,w,h,turnNum){constctx=wxcreateCanvasContext(canvasIn,this);letyuandian,yuandian1,yuandian2,w1,h1;let{imageInfo,testSrc}=thisdata;旋转原点配置yuandian=[[0,0],[imageInfoheight,0],[imageInfowidth,imageInfoheight],[0,imageInfowidth]];if(turnNum%2==0){w1=imageInfowidth;h1=imageInfoheight;}else{w1=imageInfoheight;h1=imageInfowidth;}thissetData({turnNum:turnNum,imageInfo:{width:w1,height:h1,}}) ctxtranslate(yuandian[turnNum][0],yuandian[turnNum][1]);旋转度数ctxrotate(turnNum*90*MathPI180);ctxdrawImage(imageSrc,0,0,w,h);let_this=this;lettimer=setTimeout(function(){ctxdraw(false,wxcanvasToTempFilePath({x:w2,y:h2,width:w,height:h,destWidth:w,destHeight:h,canvasId:canvasIn,success:function(res){vartempFilePath=restempFilePath;consolelog(图片路径,tempFilePath)wxuploadFile()将图片传到服务端_thissetData({testSrc:tempFilePath})},fail:function(res){consolelog(res);}}));clearTimeout(timer);},1000);ctxdraw();if(isOnload)thiscontext=ctx;},2、大佬们有什么图片旋转、裁剪、涂鸦的插件或者模板么各位大佬帮帮忙,谢谢了即速小程序:哈哈,这个问题我也遇到过,一个每天人流量50+小程序TT,求大神关注加我vx,我给你个demo
更多有关「wxcanvasToTempFilePath生成图片为透明」的讨论可以前往微信公开课小程序参与互动哦!
补充:1、图片旋转之后,进行裁剪,把图片画到canvas上之后生成图片wxcanvasToTempFilePath,返回的图片打开是透明的若把图片格式改为jpg,在开发工具上为白色实底区块,在真机上为黑色区块代码把图片绘
展开:1、图片旋转之后,进行裁剪,把图片画到canvas上之后生成图片wxcanvasToTempFilePath,返回的图片打开是透明的若把图片格式改为jpg,在开发工具上为白色实底区块,在真机上为黑色区块代码:** *把图片绘制到canvas上 *@param[Boolean]isOnload是否是在刚加载阶段, *@param[String]imageSrc背景图片的路径 *@param[Number]width 图片在canvas上的宽度 *@param[Number]height图片在canvas上的高度 *@param[Number]turnNum图片旋转的次数(1:90度;2:180;0:原位置) *drawImg:function(isOnload,imageSrc,w,h,turnNum){constctx=wxcreateCanvasContext(canvasIn,this);letyuandian,yuandian1,yuandian2,w1,h1;let{imageInfo,testSrc}=thisdata;旋转原点配置yuandian=[[0,0],[imageInfoheight,0],[imageInfowidth,imageInfoheight],[0,imageInfowidth]];if(turnNum%2==0){w1=imageInfowidth;h1=imageInfoheight;}else{w1=imageInfoheight;h1=imageInfowidth;}thissetData({turnNum:turnNum,imageInfo:{width:w1,height:h1,}}) ctxtranslate(yuandian[turnNum][0],yuandian[turnNum][1]);旋转度数ctxrotate(turnNum*90*MathPI180);ctxdrawImage(imageSrc,0,0,w,h);let_this=this;lettimer=setTimeout(function(){ctxdraw(false,wxcanvasToTempFilePath({x:w2,y:h2,width:w,height:h,destWidth:w,destHeight:h,canvasId:canvasIn,success:function(res){vartempFilePath=restempFilePath;consolelog(图片路径,tempFilePath)wxuploadFile()将图片传到服务端_thissetData({testSrc:tempFilePath})},fail:function(res){consolelog(res);}}));clearTimeout(timer);},1000);ctxdraw();if(isOnload)thiscontext=ctx;},2、大佬们有什么图片旋转、裁剪、涂鸦的插件或者模板么各位大佬帮帮忙,谢谢了即速小程序:哈哈,这个问题我也遇到过,一个每天人流量50+小程序TT,求大神关注加我vx,我给你个demo
更多有关「wxcanvasToTempFilePath生成图片为透明」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「wxcanvasToTempFilePath生成图片为透明」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「wxcanvasToTempFilePath生成图片为透明」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「wxcanvasToTempFilePath生成图片为透明」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「wxcanvasToTempFilePath生成图片为透明」
微信公开课小程序热门讨论「wxcanvasToTempFilePath生成图片为透明」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「wxcanvasToTempFilePath生成图片为透明」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:16:34
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>