分層SVG交互 - JavaScript庫

Question

說我有這樣的說明，我想在瀏覽器中添加交互當用戶上的個人圖片中徘徊或點擊次數。有沒有一個好的Javascript庫，可以導入SVG甚至PSD圖層，並將它們轉換爲瀏覽器中的單個對象？或者可能是HTML5畫布。

Answer 1

雖然詢問圖書館的問題通常不適合SO，但由於他們的答案有自己的特點，您可能實際上通過原生HTML5 SVG支持+ CSS + JavaScript事件處理程序解決了這個問題，並且根本沒有任何圖書館：

document.getElementById("waldo").addEventListener("click", function() { 
 
    console.log("Waldo clicked") 
 
});

svg #waldo:hover { 
 
    fill: red; 
 
}

Hover over and click the blue box with id = waldo: 
 
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" version="1.1"> 
 
    <rect x="0" y="0" width="100" height="100" fill="green" /> 
 
    <rect id="waldo" x="70" y="70" width="100" height="100" fill="blue" /> 
 
    <rect x="160" y="30" width="100" height="100" fill="yellow" /> 
 
</svg>

PS：我發現金都：