DA.*_*DA. 3 css svg background-image
我们首次使用SVG作为基于移动HTML5的应用程序精灵文件(它们使视网膜处理与其他屏幕尺寸差异变得容易).
我知道生成的SVG可以直接操作(因为它们是文本文件),但是可以通过CSS或脚本来修改SVG资产(在这种情况下,通过CSS加载的背景图像)吗？
例如,我们可以加载一个全黑SVG对象,然后将其更改为白色吗？
如果它作为图像加载(通过img或background-image),则无法访问SVG文件的DOM .您也无法通过CSS设置样式.
如果您打算进行这些操作,您应该将SVG附加到div.你应该仍然能够对该div执行精灵般的操作.您将能够通过CSS或javascript设置样式.
应该内联SVG.您可以background-image通过ajax请求将SVG复制并粘贴到用于包含或加载它的div中.
而不是动画,background-position你可以用left或动画-webkit-transform: translate(...).