收藏
回答

canvas绘制圆以及其他图形在真机上变形,如何解决?

这个我刚开始以为是个bug,纠结了很多天。后来了解到原因有可能是因为手机设备的像素比的原因。直接上图。

这个是模拟器上的图片!

这个是真机上的图片。

都变形了,各位大佬知道怎么解决吗?

网上的找不到解决方法


回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-许涛
    社区技术运营专员-许涛
    2020-09-27

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2020-09-27
    有用
    回复 4
    • 愿你风华如初
      愿你风华如初
      2020-09-27
      const query = wx.createSelectorQuery()
          query.select('#myCanvas')
            .fields({ node: true, size: true })
            .exec((res) => {
            const ctx=res[0].node.getContext("2d");
            ctx.beginPath();
            ctx.fillStyle="red";
            ctx.arc(100,10,30,0,Math.PI*2);
            ctx.fill();
            ctx.fillStyle="#4e3cb6";
            ctx.fillText("你爸爸",10,20);
            })
        },
      2020-09-27
      回复
    • 愿你风华如初
      愿你风华如初
      2020-09-28
      https://developers.weixin.qq.com/s/vuqrxGm97CkF
      2020-09-28
      回复
    • 愿你风华如初
      愿你风华如初
      2020-09-28
      荣耀8x 苹果XR
      2020-09-28
      回复
    • 社区技术运营专员-许涛
      社区技术运营专员-许涛
      2020-09-28回复愿你风华如初
      使用画布要注意的是: css里面写一个容器显示的大小,然后页面写一个画布的显示大小 js里写一个画布的真实大小 需要定义3个
      2020-09-28
      1
      回复
  • 雨声
    雨声
    2020-09-27
    贴个代码呀。
    2020-09-27
    有用 1
    回复 4
登录 后发表内容
问题标签