<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<script type="text/javascript">
<![CDATA[
window.onload = function(){
var square = document.getElementById("square");
square.onclick = function(){
var color = this.getAttribute("fill");
console.log(color);
if(color =="#f00"){
this.setAttribute("fill","#00f");
}else{
this.setAttribute("fill","#f00");
}
}
}
]]>
</script>
<rect id= "square" x="10" y="10" width="400" height="400"
style="stroke:pink;stroke-width:5;
fill-opacity:0.1;stroke-opacity:0.9" fill="#00f"/>
</svg>
每天一个JavaScript实例-SVG中的javaScript展示
最新推荐文章于 2024-05-14 10:55:03 发布