微信公开课
微信公开课小程序热门讨论关于「请问大神们,为什么canvas不能动态设置大小」的小程序开发问题
补充:您好大神我想通过canvas生成缩略图,但是老是只生了图片的一部份(客户端IPHONE7有此问题开发者工具不会出现这个问题)WXMLcanvascanvasid=shareCanvasstyle=top:{{cavHeight}}px;left:{{cavWidth}
展开:您好大神我想通过canvas生成缩略图,但是老是只生了图片的一部份(客户端IPHONE7有此问题开发者工具不会出现这个问题)WXML<canvascanvasid=shareCanvasstyle=top:{{cavHeight}}px;left:{{cavWidth}}px; width:{{cavWidth}}px;height:{{cavHeight}}px;background:ccc;<canvasJS1.设置默认大小data:{PicUrl:,cavWidth:100,cavHeight:100,pixelRatio:devicepixelRatio},2.选择图片后自动调整画布大小wxgetImageInfo({src:PicUrl,success:function(res){consolelog(res);constctx=wxcreateCanvasContext(shareCanvas)consolelog(画布信息);consolelog(ctx);varcavWidth=reswidth;devicepixelRatio;varcavHeight=resheight;devicepixelRatio;consolelog(画布宽度:+ctxwidth+px高度:+ctxheight);consolelog(图片宽度:+reswidth+px高度:+resheight);consolelog(ctx);pagesetData({cavWidth:cavWidth,cavHeight:cavHeight})最终客户端只显示了图片的一部份就是canvas的默认值cavWidth:100,cavHeight:100,而代码pagesetData({cavWidth:cavWidth,cavHeight:cavHeight})并没有生效抓狂了,谢谢大神们指引一下即速小程序:在给canvas设置宽高的setData的回调方法里画图如果还需要直接存图,还要setTimeout一下:<canvascanvasid=shareCanvaswidth={{cavWidth}}height={{cavHeight}}style=top:{{cavHeight}}px;left:{{cavWidth}}px; width:{{cavWidth}}px;height:{{cavHeight}}px;background:ccc;<canvas:麻烦做个代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)如果不行可以看下这个文章:https:wwwjianshucompfdfd8ca4bfec
更多有关「请问大神们,为什么canvas不能动态设置大小」的讨论可以前往微信公开课小程序参与互动哦!了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「请问大神们,为什么canvas不能动态设置大小」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「请问大神们,为什么canvas不能动态设置大小」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「请问大神们,为什么canvas不能动态设置大小」
微信公开课小程序热门讨论「请问大神们,为什么canvas不能动态设置大小」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「请问大神们,为什么canvas不能动态设置大小」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。