收藏
回答

用canvas组件开发签名功能,设置canvas的宽高时发现宽高实际上只是根据宽高缩放?

使用canvas开发签名功能,调整宽高时发现会根据宽300px高150px缩放。

比如我不设置宽高使用默认的w:300px,h:150px时正常

当我设置h为300px时画出来的距离就会是两倍需要除以二才正常

代码片段https://developers.weixin.qq.com/s/o7vX4amu7gqt

希望大神们解答,谢谢!!!!!!!!!!!!!!

最后一次编辑于  2021-05-09
回答关注问题邀请回答
收藏

2 个回答

  • 2021-06-01
    https://developers.weixin.qq.com/s/aqk7tJmr7Iq3
    你看下这个可以吗
    
    2021-06-01
    有用
    回复
  • 北望沣渭
    北望沣渭
    2021-05-09

    谢邀。移动端应用设置像素是会有偏差,一般用rpx单位;如果非得用px单位,建议读取 https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfoSync.html pixelRatio 的值作为除数

    2021-05-09
    有用
    回复 3
    • O囗O
      O囗O
      2021-05-09
      首先谢谢你的回答,我一开始就是使用的rpx的,同样会发生这样的现象呢,主要就是当canvas的宽高不是默认的300px : 200px时就会发生偏差。感觉是根据设置的宽高来缩放的。
      2021-05-09
      回复
    • 北望沣渭
      北望沣渭
      2021-05-09回复O囗O
      这个canvas应该是原生的标签 https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 按文档上说,默认值是300px * 150px,应该是只支持px单位;换个思路,把rpx单位硬核换算成px单位试试看
      2021-05-09
      回复
    • O囗O
      O囗O
      2021-05-09
      是的呀,原问题就是px的不行,rpx也不行,感觉都是在缩放所以来这里提问。
      2021-05-09
      回复
登录 后发表内容