html - 如何绘制 HTML 5 画布并明智地分割象限，并使圆圈旋转象限可点击

Question

我绘制了圆圈并使用 HTML 5 Canvas 分隔了 6 个相等的象限，

我必须让每个象限都可以点击，当它被点击时它必须旋转它并且还需要重定向到另一个页面并确保点击的象限需要设置为活动状态并且点击的象限移动并且需要设置在不同的位置.

请帮我解决这个问题。

提前致谢。

Answer 1

首先在画布上注册一个点击事件，

在事件回调处找到点击事件的坐标

cordinate_x = event.offsetX;
cordinate_y = event.offsetY;

然后找出坐标属于哪个象限

重新绘制象限，

然后找到你的画布需要多少旋转，应用那么多旋转并重定向到属于该象限的另一个页面..

试试看，寻求任何进一步的帮助..

一切顺利。