分层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：我发现金都：