[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