美文网首页
如何创建一个SVG DOM

如何创建一个SVG DOM

作者: 黄清淮 | 来源:发表于2016-12-21 11:22 被阅读0次

/* 创建svg对象 */

var SVG_NS = "http://www.w3.org/2000/svg";
var XLINK_NS = "http://www.w3.org/1999/xlink";

var ATTR_MAP = {
  "className": "class",
  "svgHref": "href"
};

var NS_MAP = {
  "svgHref": XLINK_NS
};

function makeSVG(tag, attributes) {
  var elem = document.createElementNS(SVG_NS, tag);
  for (var attribute in attributes) {
    var name = (attribute in ATTR_MAP ? ATTR_MAP[attribute] : attribute);
    var value = attributes[attribute];
    if (attribute in NS_MAP)
      elem.setAttributeNS(NS_MAP[attribute], name, value);
    else
      elem.setAttribute(name, value);
    }
  return elem;
}

相关文章

网友评论

      本文标题:如何创建一个SVG DOM

      本文链接:https://www.haomeiwen.com/subject/jlkqvttx.html