微信小程序 > 微信公开课 > canvas真机下scale不起作用，无法缩放显示的问题
微信小程序，微信公开课，canvas真机下scale不起作用，无法缩放显示的问题

canvas真机下scale不起作用，无法缩放显示的问题

2019-03-15 16:54:37

微信公开课小程序热门讨论关于「canvas真机下scale不起作用，无法缩放显示的问题」的小程序开发问题
补充:canvas真机下scale不起作用，无法缩放显示的问题
展开:transform:scale(02);在真机下不起作用，在图片和小程序码合成应用中，需要实现在页面上显示320*640导出尺寸720*1280，测试发现导出是根据画布大小决定的，canvas如果按实际导出尺寸设置就会超过屏幕体验非常不好尝试决绝方法1：js里设置ctxscale(02,02)结果只是吧画布里的内容缩放了图片导出还是画布大小，而且因为缩小了内容导致画布很大地方空白尝试方法2：设置实际导出大小*2，但是这样图片会模糊wxcanvasToTempFilePath({width:w,height:h,destWidth:w*2,destHeight:h*2,canvasId:canvas_course,success:(res)={thisdatacanvas=restempFilePathwxhideLoading()}})尝试方法3：设置画布的transform:scale属性，在开发工具上测试是可以达到预期效果，但是在真机上scale不起作用canvas{width:720px;height:1280px;transform:scale(02);transformorigin:lefttop;}即速小程序：canvas是原生组件，无法对原生组件设置CSS动画https:developersweixinqqcomminiprogramdevcomponentnativecomponenthtml
更多有关「canvas真机下scale不起作用，无法缩放显示的问题」的讨论可以前往微信公开课小程序参与互动哦！
标签：微信公开课,小程序
微信小程序，微信公开课，canvas真机下scale不起作用，无法缩放显示的问题

「canvas真机下scale不起作用，无法缩放显示的问题」热门讨论订阅

方法1：微信扫描微信公开课小程序码即可订阅热门讨论「canvas真机下scale不起作用，无法缩放显示的问题」

方法2：微信搜索微信公开课小程序名称进入，即可订阅热门讨论「canvas真机下scale不起作用，无法缩放显示的问题」

方法3：微信网页访问即速商店，长按识别微信公开课小程序码即可订阅热门讨论「canvas真机下scale不起作用，无法缩放显示的问题」

微信公开课小程序热门讨论「canvas真机下scale不起作用，无法缩放显示的问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn，转载请注明出处。

微信公开课热门讨论「canvas真机下scale不起作用，无法缩放显示的问题」由微信公开课开发者向微信用户提供，并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。

微信公开课小程序

更新时间：2019-03-15 16:54:37

一键制作小程序 全国代理小程序 订阅微信公开课