jQuery能把svg数据注入css background-image:url()吗？
jQuery能把svg数据注入css background-image:url()吗？
提问于 2012-12-19 01:17:26
我想知道在jQuery中是否有一种方法可以获取一些包含在页面div中的SVG数据，并将这些数据放到CSS background-image url中？我正在尝试这样做，而不是加载外部SVG文件，因为我希望有一个完全自包含的HTML文件。我正在尝试这样做：
var svgData = $("#div-containing-svg").html()
$("other-div").css({backgroundImage:svgData});这个是可能的吗？而且，它能跨浏览器工作吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-12-19 01:24:53
你应该这样做：
var image = $('#svg-container').html();
$('#elem').css('background-image', 'data:image/svg+xml;utf8,' + image);它是跨浏览器的吗？在这里您可以看到一个兼容性矩阵：http://caniuse.com/svg-css
- SVG内容应该是url转义
Stack Overflow用户
发布于 2020-09-30 15:10:54
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13938180
复制相关文章
相似问题
腾讯云开发者
