Question

我试图了解一些有关在HTML中使用SVG的基本知识：

我了解所有不同的方法：<img>，内联和<object>。但是关于后来，我只是不知道如何控制SVG属性。

例如，我想更改填充色。我可以通过编辑.svg文件本身来做到这一点。但是我也可以从CSS样式表中做到吗？我假设在<style>文件中添加.svg标签可能不是推荐的解决方案。

Answer 1

使用fill代替background-color设置背景颜色样式

和stroke代替border

在这里学习：https://www.w3schools.com/html/html5_svg.asp

例如

svg circle{
fill:red;
stroke:pink;
}
svg path{
fill:red;
}

<p>Shape</p>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4"/>
</svg>

<p>with Path:</p>
<svg height="210" width="400">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>

在HTML中嵌入SVG

1 个答案: