收藏
回答

pc端使用canvasToTempFilePath尺寸不正确?

pc端使用canvasToTempFilePath尺寸比例不对这个是canvas展示效果,生成图片后就这样,怎么解决这问题了; 重新测试现在pc端完全不能生成了

最后一次编辑于  2023-07-13
回答关注问题邀请回答
收藏

7 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2023-04-11

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-04-11
    有用
    回复 8
    查看更多(3)
  • salex
    salex
    2024-10-22

    如果canvas组件,设置了style.width、height, 需要保持和Canvas实例一样的值;导出尺寸要以Canvas实例尺寸除以桌面端pixelRatio重新计算

    const dpr = wx.getSystemInfoSync().pixelRatio; 

    wx.canvasToTempFilePath({width: canvas.width / dpr, height: canvas.height / dpr})

    2024-10-22
    有用
    回复
  • momo
    momo
    2024-02-28

    就是设备像素比的事,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) {
    // ...
    


    2024-02-28
    有用
    回复
  • 阿白
    阿白
    2023-07-25

    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生成图片相关方面的内容,遇到相同的问题,希望以上内容能够帮助遇到同样问题的开发者。


    2023-07-25
    有用
    回复
  • 袁胜
    袁胜
    2023-04-13

    是不是电脑设置了缩放?

    2023-04-13
    有用
    回复 4
    • 🐮🐴💃🕺
      🐮🐴💃🕺
      2023-04-13
      没有设置
      2023-04-13
      回复
    • 🐮🐴💃🕺
      🐮🐴💃🕺
      2023-04-13
      使用 type==2d 就不行
      2023-04-13
      回复
    • 袁胜
      袁胜
      2023-05-04回复🐮🐴💃🕺
      我之前也会这样,是因为电脑设置了缩放布局导致的,
      2023-05-04
      回复
    • 🐮🐴💃🕺
      🐮🐴💃🕺
      2023-06-21回复袁胜
      麻烦你是怎么设置解决的了
      2023-06-21
      回复
  • 那一抹微笑😊穿透阳光
    那一抹微笑😊穿透阳光
    2023-04-11

    你这个应该在uniapp的社区问,不是在微信社区

    2023-04-11
    有用
    回复 7
    查看更多(2)
  • 🐮🐴💃🕺
    🐮🐴💃🕺
    2023-04-11

    就是一个保存图片

    2023-04-11
    有用
    回复 1
    • 🐮🐴💃🕺
      🐮🐴💃🕺
      2023-04-11
      生成显示都正常的
      2023-04-11
      回复
登录 后发表内容