码迷,mamicode.com
首页 > 其他好文 > 详细

SVG的学习(34—36)

时间:2018-07-13 01:27:59      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:info   com   div   inter   矩形   url   rect   命名空间   for   

使用js来动态绘制svg图片,首先就是要创建svg 节点。

使用createElementNS(),语法:

document.createElementNS(namespaceURI, qualifiedName[, options]);

参数:

技术分享图片

有效的命名空间URL有:

技术分享图片

代码举例:

var nameSpace = ‘http://www.w3.org/2000/svg‘;  //命名空间url
    var max = Math.max.apply(null, data);
    var proportion = max/350;
    var interval = 40;
    var columnStyle = ‘stroke: blue; fill: blue‘;
    for (var singleColumn of data) {
        document.createElementNS(nameSpace,‘rect‘) //创建矩形
    }

 

SVG的学习(34—36)

标签:info   com   div   inter   矩形   url   rect   命名空间   for   

原文地址:https://www.cnblogs.com/yadiblogs/p/9302471.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!