Canvas 在 Safari 中绘制动画、填充贝塞尔曲线

发布于 2024-10-17 13:03:44 字数 345 浏览 7 评论 0原文

我创建了一个动画 HTML5 画布,它使用贝塞尔曲线来绘制填充图案。

我已经在 Mac 版 Chrome 中对其进行了测试。我似乎只在 Mac 版 Safari 上看到这个。

由于某种原因,我看到这些人物留下了一些伪影(见下文,它向左移动,而伪影则向右移动)。

artifacts

我通过将画布的宽度更改为其当前宽度来触发重绘,如果有帮助的话......

另外,如果我将鼠标悬停在画布上或更改窗口,伪影就会消失。因为我认为它决定重新绘制整个事情。

有谁知道为什么会发生这种情况?

I created an animated HTML5 canvas that uses bezier curves to draw a filled pattern.

I have been testing it in Chrome for Mac. I only seem to see this on Safari for Mac.

For some reason, I see little artifacts left behind by the figures (see below that is moving to the left and the artifacts go off to the right).

artifacts

I trigger a redraw by changing the width of the canvas to its current width, if that helps...

Also, if I mouse over the canvas or change windows the artifacts go away. Since I think it decides to redraw the whole thing over.

Does anyone know why this would be happening?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文