[SVG] JS 动态加载 svg 修改 svg 属性

 

svg 概念一览:

  https://javascript.ruanyifeng.com/htmlapi/svg.html

加载 svg:

// for example:

$(‘body‘).load(‘http://xxx.svg‘);


动态修改 svg 属性:

// for example:

$(‘circle‘).each(function (idx, item) {
    var bn_id = $(item).attr(‘bn_id‘)
    if (json_infos[bn_id] != undefined) {
        $(item).attr(‘stroke‘, json_infos[bn_id].fg_colors)
        $(item).attr(‘title‘, json_infos[bn_id].title)
    }
});


svg 标签加 tooltip:

  https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/title

Link:https://www.cnblogs.com/farwish/p/13950171.html

[SVG] JS 动态加载 svg 修改 svg 属性

上一篇:jquery--工具插件


下一篇:css元素溢出