【发布时间】:2017-03-21 21:59:57
【问题描述】:
我刚刚了解到在网页上加载 svg 作为对象引用时存在特殊的 css 样式表约束:
https://css-tricks.com/using-svg/
将 svg 存储在它自己的单独文件中提供了良好的分离性和可维护性,因此我猜测需要将 css 样式表与作为网页上的对象加载的 svg 相关联是一种常见的情况。您能为此推荐任何好的技术吗?
【问题讨论】:
标签: javascript html css svg
我刚刚了解到在网页上加载 svg 作为对象引用时存在特殊的 css 样式表约束:
https://css-tricks.com/using-svg/
将 svg 存储在它自己的单独文件中提供了良好的分离性和可维护性,因此我猜测需要将 css 样式表与作为网页上的对象加载的 svg 相关联是一种常见的情况。您能为此推荐任何好的技术吗?
【问题讨论】:
标签: javascript html css svg
为了便于解释,假设您想将图像添加到“main.html”文件中。
如果您想将所有文件分开,一个好的技术是将您的 svg 文件保存为 html 文档(只需复制 svg 代码并保存在新的 html 文档中),然后将该文档链接到您的 main.xml 文件。 .html 文件。之后,您可以将 CSS 直接编码到您的 svg 文档中,也可以使用单独的样式表对其进行样式设置。
有时当我处理一个简单的 svg 文件时,我感到非常懒惰,我会直接将 svg 代码粘贴到我的 main.html 文档中,然后使用我的 main.css 样式表对其进行样式设置。
希望这是有道理的!
【讨论】: