使用CSS设置画布的大小会导致画布按比例缩放你设置的值。

来源:2-2 Canvas坐标体系(2)

hyperse

2019-09-07 22:47:41

这句话该怎么理解呀。。想了半天绕不过来。。请老师从画布的宽高和画布内那条直线两个角度讲一下。。

写回答

1回答

好帮手慕慕子

2019-09-08

同学你好, 这句话的意思简单理解就是通过CSS设置画布的大小, 会将画布按着比例进行缩放

老师这里举个简单的示例,帮助同学理解

1. 如下代码, 第一个画布通过css设置大小, 第二个画布是默认的宽高, 第三个画布是通过js代码设置的大小。 三个画布上都画了一条线(0,0)到(100, 100)

http://img.mukewang.com/climg/5d74798a00010c7108550931.jpg

2. 效果图如下所示, 第一个画布可以完全显示画的线, 对比的最后一个画布, 画的线并没有完整显示出来, 对比实现的效果可以知道第一个画布是等比例缩小了。

http://img.mukewang.com/climg/5d7479bd0001b1e906980204.jpg

同学可以结合示例, 自己下去测试一下, 帮助自己更好的理解哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

0

0 学习 · 6815 问题

查看课程