收藏
回答

canvas 自定义宽高之后,绘制结果变形?

首先熟读文档:~~~~~~~~~~~~~~~~~~~~~

看到了默认宽高:~~~~~~~~

然后自己写了宽高:

再然后:简单写了个hello world

再然后:~~~

亲测画布不写宽高没问题,写了也得是宽高300*150或比例(2 : 1)

不然会有拉伸效果,有无解决方案?

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

4 个回答

  • H1HAO 🇨🇳
    H1HAO 🇨🇳
    2020-08-29

    要注意的是: css里面写一个容器显示的大小,然后页面写一个画布的显示大小 js里写一个画布的真实大小


    需要定义3个

    2020-08-29
    有用 1
    回复 1
    • 余温
      余温
      2022-08-22
      感谢解惑
      2022-08-22
      回复
  • 阖家团圆
    阖家团圆
    2022-04-09

    请问你怎么解决的啊?我也遇到了这个问题,难搞

    2022-04-09
    有用
    回复
  • 嗨,guys!
    嗨,guys!
    2021-04-26

    我也是同样的问题,想要用新版canvas画网格,各种试验,发现就是宽比高多一倍,如果

     <canvas type="2d" id="canvas" width="300" height="300">

    这样写,网格的步长就一致了,但是整个画布的高就只剩下了150,已经完全不想继续搞了。心累。

    2021-04-26
    有用
    回复
  • 弈晨
    弈晨
    2020-09-09

    遇到同样的问题

    2020-09-09
    有用
    回复
登录 后发表内容
问题标签