星世界
首页 > javascript > jquery 图片转svg
编者:张叶星
发布时间:2022-08-31 18:46:20
imgToSVG: function(){
    $('img.fn__svg').each(function(){
        var img 		= $(this);
        var imgClass	= img.attr('class');
        var imgURL		= img.attr('src');

        $.get(imgURL, function(data) {
            var svg 	= $(data).find('svg');
            if(typeof imgClass !== 'undefined') {
                svg 	= svg.attr('class', imgClass+' replaced-svg');
            }
            img.replaceWith(svg);

        }, 'xml');

    });	
}

// 实现
<img src="xxx.plus.svg" alt="" class="fn__svg">

// css
.fn__svg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    color: #fff;
    fill: #fff;
}

.fn__svg path {
    fill: inherit;
    color: inherit;
}




本文地址:
转载请著名出处,谢谢!
欢迎交流
QQ:419268793
编者:张叶星
发布时间:2022-08-31 18:46:20
用户名:
密码:
      本站的部分文章和图片来自互联网,特别鸣谢 “百度图片”、“笑话集 www.jokeji.cn ”等, 如果本站有某些文章或图片侵犯了您的权益,麻烦您告诉我,我会及时处理。谢谢!微笑
QQ:419268793