JS实现SVG图形

最新推荐文章于 2024-05-14 10:55:03 发布

Qiustion

最新推荐文章于 2024-05-14 10:55:03 发布

阅读量3.7k

点赞数

分类专栏： HTML5+CSS3+JS

本文链接：https://blog.csdn.net/Qiustion/article/details/56831278

版权

HTML5+CSS3+JS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

// design svg (polygon)
dlBtn=document.createElement('div');
       
var bsvg=document.createElementNS("http://www.w3.org/2000/svg","svg");
bsvg.setAttribute("version","1.1");
bsvg.setAttribute("baseProfile",'tiny');
bsvg.setAttribute("class","sgPoly");
       
var poly=document.createElementNS("http://www.w3.org/2000/svg","polygon");
poly.setAttribute("fill","#343434");
poly.setAttribute("points","15.75,5 10,15 4.25,5");

bsvg.οnmοuseοver=function(){
    poly.setAttribute("fill","#990000");
}
bsvg.οnmοuseοut=function(){
    poly.setAttribute("fill","#343434");
}
bsvg.appendChild(poly);
dlBtn.appendChild(bsvg);

IE9以下的运行时，提示createElementNS未知函数，即是不支持SVG在浏览器里显示