(JS/CANVAS/HTML)-PointToPath是否不准确?

mo49yndu  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(151)

下面是用于测试目的的代码片段。

    • 黄色(y)**代表画布区域,点击返回"n"
    • 红色(r)**代表点击区域,点击返回"y"
    • trouble(x)**代表错误,点击返回"y"

如何使它正确?

yyyyyyyyyyyyyyy
yyrrrrrrrrrrryy
yyrrrrrrrrrrryy
yyxxxxxxxxxxxyy
yyyyyyyyyyyyyyy

第一个

7eumitmz

7eumitmz1#

画布高度(100px)的CSS设置与画布的属性高度(默认设置为150px)不匹配。
您使用canvas. height作为在画布上设置路径绘制的基础。
这个代码片段通过将画布的height属性设置为100来匹配内容。
第一个
请参阅MDN以进一步了解使用width/height属性和使用CSS设置画布尺寸之间的区别。如果它们不同,则会出现缩放/扭曲。

相关问题