Canvas 画布跟图片一样,具有自己内部的大小。
例如,我们有个大小128x64的图片,但是可以用400x200像素来展示。
<img src="some128x64image.jpg" style="width:400px; height:200px">
Canvas 也一样,其内部尺寸,也就是分辨率,通常叫做绘图缓冲区(drawingbuffer) 的大小。
正常来说,drawingbuffer 的大小应该等于画布大小,否则可能会产生锯齿。
我们可以通过canvas.width 和 canvas.clientWidth 来分别获取绘图缓冲区宽度和画布宽度,如果不同,可以调用相关API来重新设置绘图缓冲区宽度。
例如在three.js中,可以利用 renderer.setSize函数实现 canvas 绘图缓冲区的大小设置。








网友评论