在SVG中,可以直接將各種事件監(jiān)聽(tīng)器添加到SVG shape 。
示例:
<!DOCTYPE html>
<html>
<body>
<svg width="500" height="150">
<rect x="10" y="10" width="100" height="75"
style="stroke: black; fill: silver; fill-opacity: .4;"
onmouseover="this.style.stroke = 'blue'; this.style['stroke-width'] = 5;"
onmouseout="this.style.stroke = 'green'; this.style['stroke-width'] = 1;"/>
</svg>
</body>
</html>
轉(zhuǎn)換坐標(biāo)系
transform
屬性,可以將圖形移動(dòng)到新位置。 也可以旋轉(zhuǎn)或縮放圖形。 必須將transform
屬性添加到適當(dāng)?shù)腟VG元素以轉(zhuǎn)換坐標(biāo)系。上面示例代碼,執(zhí)行效果如下所示 -