html - Canvas Arc 或 QuadCurve OnMouseOver 功能可能吗？

Question

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

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

Answer 1

您可以 draw an arc in HTML5 Canvas , 使用 arc()或 arcTo()上下文的方法。

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

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