html5 canvas:用 fillrect(...) 修复宽度/高度?

发布于 2024-11-10 01:26:13 字数 245 浏览 0 评论 0原文

当我绘制一个形状(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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

雪落纷纷 2024-11-17 01:26:13

确保直接在 HTML 中设置画布的宽度和高度,如下所示:

<canvas id="mycanvas" width="..." height="..."></canvas>

不要在 CSS 中设置画布的大小,否则会出现缩放问题。

干杯!

make sure that you set the width and height of your canvas directly in the HTML like this:

<canvas id="mycanvas" width="..." height="..."></canvas>

Do not set the size of your canvas in CSS or else you will have scaling issues.

Cheers!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文