是否可以通过 HTML 5 文件 API 加载图像并使用 javascript / jquery 将其设为 css 背景图像?如果可能的话,是如何做到的?
dronus 在评论部分发布了这个链接,给了我一个很好的答案:sveinbjorn.org/dataurls_css http://sveinbjorn.org/dataurls_css
您只需执行以下操作即可将图像数据用于 css 背景图像:
这将在您创建新图像并填充后保存图像的 src 数据
并使用 FileReader() 填充数据
var imgFileData = $('#image').attr('src')
现在您只需获取此 var 并将其设置为背景图像 url
$('#yourDiv).css({'background-image':'url(' + imgFileData + ')'});
$('#image').hide(); //optional
阅读链接以更好地了解这里发生的情况,再次感谢 dronus
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)