Canvas Arc或QuadCurve OnMouseOver功能可能吗?

时间:2011-11-15 19:50:47

标签: html5 canvas css3

我有一个圆形图,当用户将鼠标悬停在每个部分(弧线)上时,我需要显示一个div。

我打算使用画布: http://www.html5canvastutorials.com/labs/html5-canvas-planets-image-map/ 但是我无法在画布上绘制弧线 - 或者我应该使用任何其他技术来创建它?

1 个答案:

答案 0 :(得分:2)

您可以使用上下文中的draw an arc in HTML5 Canvasarc()方法arcTo()

你可以在我写的这个小游戏中看到在HTML5 Canvas中绘制的弧形示例:
http://phrogz.net/tmp/connections.html
游戏概念不是我的,只是实现。

请注意,使用方形线条样式,您甚至可以使用单个arc命令绘制楔形(圆弧段)。