小程序
小游戏
企业微信
微信支付
扫描小程序码分享
pc端使用canvasToTempFilePath尺寸比例不对这个是canvas展示效果,生成图片后就这样,怎么解决这问题了; 重新测试现在pc端完全不能生成了
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
如果canvas组件,设置了style.width、height, 需要保持和Canvas实例一样的值;导出尺寸要以Canvas实例尺寸除以桌面端pixelRatio重新计算
const dpr = wx.getSystemInfoSync().pixelRatio;
wx.canvasToTempFilePath({width: canvas.width / dpr, height: canvas.height / dpr})
就是设备像素比的事,PC 端需要特殊处理,手机端不需要处理。
示例代码如下:
const systemInfo = wx.getSystemInfo() let pathOp = { canvas: canvas, } // windows 平台下导出图片需要除以设备像素比 if (systemInfo.platform === 'windows') { pathOp = Object.assign({}, pathOp, { width: ctx.width / systemInfo.pixelRatio, height: ctx.height / systemInfo.pixelRatio, }) } wx.canvasToTempFilePath({ ...pathOp, success (res2) { // ...
pc不能生成图片的问题 应该和PC基础库有关。升级到 v2.32.3试试。参考这个问题 :
[https://developers.weixin.qq.com/community/develop/doc/000c6090f4cba8aa3d106dcb26b000?fromCreate=1](wx.canvasToTempFilePath在pc端导出图片空白)
pc端生成图片样式异常的问题似乎和canvas的style样式有关,最开始的单位为rpx,生成图片不完整,修改单位为px后两端表现一致了,可能和css的单位px和rpx有关!参考这个问题 :
[https://developers.weixin.qq.com/community/develop/doc/000a84686bc5b0764e10605e561000](wx.canvasToTempFilePath在pc端导出图片尺寸异常)
最近正好在做canvas生成图片相关方面的内容,遇到相同的问题,希望以上内容能够帮助遇到同样问题的开发者。
是不是电脑设置了缩放?
你这个应该在uniapp的社区问,不是在微信社区
就是一个保存图片
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
如果canvas组件,设置了style.width、height, 需要保持和Canvas实例一样的值;导出尺寸要以Canvas实例尺寸除以桌面端pixelRatio重新计算
const dpr = wx.getSystemInfoSync().pixelRatio;
wx.canvasToTempFilePath({width: canvas.width / dpr, height: canvas.height / dpr})
就是设备像素比的事,PC 端需要特殊处理,手机端不需要处理。
示例代码如下:
const systemInfo = wx.getSystemInfo() let pathOp = { canvas: canvas, } // windows 平台下导出图片需要除以设备像素比 if (systemInfo.platform === 'windows') { pathOp = Object.assign({}, pathOp, { width: ctx.width / systemInfo.pixelRatio, height: ctx.height / systemInfo.pixelRatio, }) } wx.canvasToTempFilePath({ ...pathOp, success (res2) { // ...
pc不能生成图片的问题 应该和PC基础库有关。升级到 v2.32.3试试。参考这个问题 :
[https://developers.weixin.qq.com/community/develop/doc/000c6090f4cba8aa3d106dcb26b000?fromCreate=1](wx.canvasToTempFilePath在pc端导出图片空白)
pc端生成图片样式异常的问题似乎和canvas的style样式有关,最开始的单位为rpx,生成图片不完整,修改单位为px后两端表现一致了,可能和css的单位px和rpx有关!参考这个问题 :
[https://developers.weixin.qq.com/community/develop/doc/000a84686bc5b0764e10605e561000](wx.canvasToTempFilePath在pc端导出图片尺寸异常)
最近正好在做canvas生成图片相关方面的内容,遇到相同的问题,希望以上内容能够帮助遇到同样问题的开发者。
是不是电脑设置了缩放?
你这个应该在uniapp的社区问,不是在微信社区
就是一个保存图片