如何绘制HTML 5 Canvas并明智地分割象限,并使圆圈旋转象限可点击

时间:2013-01-31 06:03:58

标签: html5 canvas html5-canvas css-animations html5-animation

我画了圆圈并使用HTML 5 Canvas分隔了6个相等的象限,

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

请帮助我解决这个问题。

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

事件回调中找到点击事件的坐标

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

然后找到坐标所属的象限

重新绘制象限,

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

尝试一下,请求任何进一步的帮助..

一切顺利。