我有一个圆形图,当用户将鼠标悬停在每个部分(弧线)上时,我需要显示一个div。
我打算使用画布: http://www.html5canvastutorials.com/labs/html5-canvas-planets-image-map/ 但是我无法在画布上绘制弧线 - 或者我应该使用任何其他技术来创建它?
答案 0 :(得分:2)
您可以使用上下文中的draw an arc in HTML5 Canvas或arc()
方法arcTo()
。
你可以在我写的这个小游戏中看到在HTML5 Canvas中绘制的弧形示例:
http://phrogz.net/tmp/connections.html
游戏概念不是我的,只是实现。
请注意,使用方形线条样式,您甚至可以使用单个arc
命令绘制楔形(圆弧段)。