微信公开课

微信公开课小程序热门讨论关于「saveImageToPhotosAlbum()在iOS保存动态GIF的问题」的小程序开发问题
补充:saveImageToPhotosAlbum()在iOS保存动态GIF的问题
展开:用wxsaveImageToPhotosAlbum()在iOS上保存动态GIF，结果存成了静态GIF请问如何解决
更多有关「saveImageToPhotosAlbum()在iOS保存动态GIF的问题」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「canvas的disable-scroll有什么用的」的小程序开发问题
补充:canvas的disablescroll有什么用的
展开:当前Bug的表现为什么绑定了bindtouchstart,bindtouchmove,bindtouchend事件后，在canvas上无法滚动页面disablescroll=false这样没用吗预期表现问题此选项说明为：“当在canvas中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新”，为true时禁止滚动，为false时不是页面会滚动吗
更多有关「canvas的disable-scroll有什么用的」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「canvas真机绘制不全」的小程序开发问题
补充:canvas真机绘制不全
展开:当前Bug的表现测试将一张6016*4000的图片画到1800*1200的画布上，绘制参数ctxdrawImage(imagePath,8,0,6000,4000,0,0,1800,1200)，再将画布保存为图片预览，在开发这工具上正常，在真机上只绘制出一部分预期表现图片绘制完整复现路径机器:mix2s wx:673基础库:242原图下载地址：https:cnbj2fdsapixiaomicomstatichoneyimgssspicture8jpg提供一个最简复现Demohttps:developersweixinqqcomsHAGmEEma7E4Y即速小程序：遇到同样的问题，在draw的时候加了时延后有所缓解，但是还是会偶现画不完整的情况：保存前适当加点延时
更多有关「canvas真机绘制不全」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「canvas矩形上绘制圆形图片开发者工具正常，真机失败」的小程序开发问题
补充:canvas矩形上绘制圆形图片开发者工具正常，真机失败
展开:需求的场景描述（希望解决的问题）画布上绘制矩形后，在该矩形上绘制圆形图片失败，原因是矩形和绘制的圆形重叠导致画入海报背景ctxdrawImage(海报背景图,0,0,thatmyCanvasWidth,thatmyCanvasHeight);ctxdraw()白色矩形ctxrect(12,thatmyCanvasHeight130,thatmyCanvasWidth24,80)ctxsetFillStyle(white)切割成圆角矩形thatdrawRoundedRect(ctx,12,thatmyCanvasHeight130,thatmyCanvasWidth24,80,4)ctxclip()ctxdraw(true)圆形头像画入ctxsave();先保存状态已便于画完圆再用ctxbeginPath();开始绘制先画个圆ctxarc(45,thatmyCanvasHeight90,25,0,MathPI*2)ctxclip()画了圆再剪切原始画布中剪切任意形状和尺寸一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内ctxdrawImage(头像图片,20,thatmyCanvasHeight115,50,50)推进去图片ctxrestore();恢复之前保存的绘图上下文恢复之前保存的绘图上下午即状态可以继续绘制ctxdraw(true)ctxdraw(true,setTimeout(function(){wxcanvasToTempFilePath({x:0,y:0,destWidth:375*3,destHeight:550*3,canvasId:canvas,success:function(res){thatimageTempPath=restempFilePath;这就是生成的文件临时路径},fail:function(res){consolelog(res,fail);}})that$apply()},50))})即速小程序：等我回忆一下，当时遇到过这个问题其实就是路径重合了，可以闭合路径或者在画布可视范围外面再画一个矩形就解决了找了一点以前画圆的代码（现在已经换成别的了），在这之前是画过矩形、图片之类的操作的，反正大概是和路径有关系，时间久远具体的忘了ctxsave();ctxbeginPath(); 结束之前的路径ctxsetStrokeStyle(rgba(0,0,0,0));ctxstroke();画圆裁剪ctxarc(imgW2+imgX,imgH2+imgY,imgW2,0,MathPI*2,false);ctxclip();ctxdrawImage(restempFilePath,imgX,imgY,imgW,imgH); ctxrestore();：目前发现的问题是头像基本上安卓可以画圆形图片，但是苹果不行：提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml）
更多有关「canvas矩形上绘制圆形图片开发者工具正常，真机失败」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「canvas绘制iphoneX错位问题别的手机都没问题」的小程序开发问题
补充:canvas绘制iphoneX错位问题别的手机都没问题
展开:编辑器可以正常适配,真机无法适配,绘制错位即速小程序：看上去你的图片是贴图的时候是拉升了，试下根据原始图片大小贴到一个内存canves上，把字写上去，在保存图片，把图片回帖到显示的界面上或者你让后台api把图画+文字都生成好，你直接下载显示：我也遇到同样问题头大
更多有关「canvas绘制iphoneX错位问题别的手机都没问题」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「Canvas绘图调用downloadFile保存图片真机上报错」的小程序开发问题
补充:Canvas绘图调用downloadFile保存图片真机上报错
展开:当前Bug的表现预期表现复现路径提供一个最简复现Democomponents中使用canvas即速小程序：你这里有了两个错误，一个是保存图片的方法不对，不应该用downloadFile，第二个是downloadFile的路径需要是网络路径，而你的thatdatasavepic已经是本地路径了：savepic是啥样子的呢代码片段是这个https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml：这错误到底是啥错误啊解决方案呢开发工具没报错：这个错误提示好像很明显了
更多有关「Canvas绘图调用downloadFile保存图片真机上报错」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「canvas绘画不对打印的信息都对但是绘制出来的比例不对有拉伸」的小程序开发问题
补充:canvas绘画不对打印的信息都对但是绘制出来的比例不对有拉伸
展开:data:{canvas_width0:1000,canvas_height0:1000,canvas_width1:1000,canvas_height1:1000,canvas_width2:1000,canvas_height2:1000,canvas_width3:1000,canvas_height3:1000,photoTaken:false,photoSrc:[]},getPhoto(url){varthat=this;varstrImg=[];function__url2base64(url,index){returnnewPromise((resolve,reject)={wxgetImageInfo({src:url,success:function(res){varwidth=reswidth;varheight=resheight;varcanvas_height=null;varcanvas_width=null;if(widthheight){canvas_width=1000;canvas_height=Mathfloor(heightwidth*canvas_width);}else{canvas_height=1000;canvas_width=Mathfloor(widthheight*canvas_height);}varfc=firstCanvas+index;letcanvas_size={}canvas_size[canvas_width+index]=canvas_width;canvas_size[canvas_height+index]=canvas_height;thatsetData({canvas_size})setTimeout(()={varctx=wxcreateCanvasContext(fc);ctxclearRect(0,0,thatdata[canvas_width+index],thatdata[canvas_height+index]);ctxdrawImage(url,0,0,thatdata[canvas_width+index],thatdata[canvas_height+index]);ctxdraw(true,function(){wxcanvasToTempFilePath({x:0,y:0,width:thatdata[canvas_width+index],height:thatdata[canvas_height+index],destWidth:thatdata[canvas_width+index],destHeight:thatdata[canvas_height+index],canvasId:firstCanvas+index,success:function(res){resolve(restempFilePath)}})})},300)},fail:function(res){},complete:function(res){},})})}returnPromiseall(thatphotoSrcmap((m,index)=__url2base64(m,index)))},chooseImgHandler(){varthat=this;wxchooseImage({count:4,默认9sizeType:[original],可以指定是原图还是压缩图，默认二者都有sourceType:[album],可以指定来源是相册还是相机，默认二者都有success:function(res){返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片vartempFilePaths=restempFilePathsthatphotoSrc=tempFilePaths;thatuploadImage();},complete:function(){}})},uploadImage:function(){if(thisupdateLoading===true){returnfalse;}thisupdateLoading=true;wxshowLoading({title:上传中,})varthat=this;thatgetPhoto(thatphotoSrc)then((canvas_url_array)={var_urlStr=[];for(vark=0;k<canvas_url_arraylength;k++){wxuploadFile({url:你的提交地址,仅为示例，非真实的接口地址filePath:canvas_url_array[k],name:file,formData:{user:test},success:function(res){var_data=JSONparse(resdata);_urlStrpush(_dataurl);if(_datastate==SUCCESS){if(_urlStrlength==canvas_url_arraylength){var_url=_urlStrjoin(,)thatupdateLoading=false;wxnavigateTo({url:pagesscaningscaning?sessionId=+sessionId+&img_url=+_url})wxhideLoading()}}},complete:function(){thatupdateLoading=false;}})}});}scaning页面为webview打印信息宽高都没问题出来的图就是有拉伸
更多有关「canvas绘画不对打印的信息都对但是绘制出来的比例不对有拉伸」的讨论可以前往微信公开课小程序参与互动哦！

微信公开课小程序热门讨论关于「canvas花两个圆图」的小程序开发问题
补充:canvas花两个圆图
展开:图中两个圆图怎么花出来，我只会画一个，使用clip,但这样另外一个怎么画即速小程序：ctxfill();主要是这句起作用ctxbeginPath();ctxarc(97+44,78+44,44,0,2*MathPI);ctxclip();ctxdrawImage(result[1]tempFilePath,97,78,88,88);ctxrestore();ctxbeginPath();ctxarc(378,1135,73,0,2*MathPI);ctxclip();ctxdrawImage(result[2]tempFilePath,305,1062,146,146);ctxrestore()
更多有关「canvas花两个圆图」的讨论可以前往微信公开课小程序参与互动哦！