请问大神们,为什么canvas不能动态设置大小
2019-03-15 18:16:34
微信公开课小程序热门讨论关于「请问大神们,为什么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不能动态设置大小」的讨论可以前往微信公开课小程序参与互动哦!
补充:您好大神我想通过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不能动态设置大小」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「请问大神们,为什么canvas不能动态设置大小」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「请问大神们,为什么canvas不能动态设置大小」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「请问大神们,为什么canvas不能动态设置大小」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「请问大神们,为什么canvas不能动态设置大小」
微信公开课小程序热门讨论「请问大神们,为什么canvas不能动态设置大小」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「请问大神们,为什么canvas不能动态设置大小」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:16:34
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>