[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

 

 

Refer：JS操作SVG

Tool：ChatAI

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