html5 canvas:用 fillrect(...) 修复宽度/高度?
当我绘制一个形状(html5 => canvas)时,
context.fillStyle = "rgba(0, 0, 255, 0.5)";
context.fillRect(5, 5, 25, 50);
它总是相对于canvas元素的大小。也就是说:如果我更改画布元素的大小,则该元素的“大小”会适应新的画布大小。 您知道如何抑制这种行为(或为我指出正确的方向)吗?
谢谢你, 安迪
when I draw a shape (html5 => canvas) like
context.fillStyle = "rgba(0, 0, 255, 0.5)";
context.fillRect(5, 5, 25, 50);
It's always relative to the size of the canvas element. That is: If I change the size of the canvas element, the "size" of the element adapts to the new canvas size.
Do you have any idea how to supress this behaviour (or point me to the right direction)?
Thank you,
Andi
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
确保直接在 HTML 中设置画布的宽度和高度,如下所示:
不要在 CSS 中设置画布的大小,否则会出现缩放问题。
干杯!
make sure that you set the width and height of your canvas directly in the HTML like this:
Do not set the size of your canvas in CSS or else you will have scaling issues.
Cheers!