在画布中旋转两个单独的对象(路径)

发布于 2024-10-19 06:33:53 字数 137 浏览 2 评论 0原文

我使用 canvas.DrawPath() 在画布上绘制了两个箭头。我使用 canvas.rotate() 进行旋转,但显然它使两个箭头旋转相同的量。

我希望能够以一种方式旋转一个箭头,并以不同的方向旋转另一个箭头。

这可能吗?

I have two arrows drawn on my canvas using the canvas.DrawPath(). I'm using canvas.rotate() to rotate, but it is obviously rotating both arrows by the same amount.

Id like to be able to rotate one arrow one way, and rotate the other arrow in a different direction.

Is this possible?

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

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

发布评论

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

评论(1

忆梦 2024-10-26 06:33:53

当您使用canvas.rotate()时,您正在更改与画布关联的变换矩阵,因此您之后绘制的所有内容都将受到矩阵当前状态的影响,您必须执行以下操作:

canvas.save();     //Save current canvas matrix state
canvas.rotate(angle);
canvas.DrawPath(); //Draw first arrow
canvas.restore();  //Restore canvas matrix to saved state
canvas.DrawPath(); //Draw second arrow without the rotation

When you use canvas.rotate() you are altering the transformation matrix associated to the canvas, so all what you paint after that will be affected by the current state of the matrix, you have to do the following:

canvas.save();     //Save current canvas matrix state
canvas.rotate(angle);
canvas.DrawPath(); //Draw first arrow
canvas.restore();  //Restore canvas matrix to saved state
canvas.DrawPath(); //Draw second arrow without the rotation
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文