Canvas Arc或QuadCurve OnMouseOver功能可能嗎？

我有一個圓形圖，我需要顯示一個div，當用戶懸停在每個部分（弧）。Canvas Arc或QuadCurve OnMouseOver功能可能嗎？

我打算使用畫布：http://www.html5canvastutorials.com/labs/html5-canvas-planets-image-map/ 但是我還沒有能夠在畫布上繪製弧線 - 或者我應該使用任何其他技術來創建它嗎？

來源

2011-11-15 ProgrammerWannabe

甚至包含_shows_如何創建弧的示例URL（儘管它正在使用它繪製一個完整的圓）。 – Phrogz

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

你可以看到在這個小遊戲我寫在HTML5畫布描繪的圓弧的例子：
http://phrogz.net/tmp/connections.html
遊戲的概念是不是我的，只是執行。

請注意，對於方形線帽樣式，您甚至可以使用單個arc命令繪製楔形（圓弧段）。

來源

2011-11-15 20:51:32 Phrogz

感謝您的幫助 - 我在做弧線時遇到兩個問題： 1-我的onhover效果不起作用，除非弧被填充（我知道我可能做得不對，但我不知道該怎麼做）和 2.圓弧無法填充，因爲它是一個圓弧圖，其中一個圓弧在另一個圓弧內 – ProgrammerWannabe

我想我需要的是一個context.onMouseover（如果存在？），它在圓弧邊界/線條中起作用。讓我知道如果你知道如何請:) – ProgrammerWannabe

你需要閱讀[我的這個答案]（http://stackoverflow.com/questions/5596434/clear-canvas-rect-but-keep-background/5600671#5600671），標題爲「基本：HTML5畫布作爲非保留繪圖模式圖形API」的部分_。畫布無法檢測到您在特定區域懸停。我強烈建議你考慮使用SVG代替HTML5 Canvas。 – Phrogz

Canvas Arc或QuadCurve OnMouseOver功能可能嗎？

回答

相關問題