Question

这是我第一次来这里。我将带有SVG的{{1}}加载到Javascript文档中。我需要替换这个HTML的颜色（它是一个透明的黑色图像），它放在SVG中;但是，当我放置canvas（样式）时，没有任何反应。

这是我的代码：

css

它出了什么问题？对不起，我的英语不好，并提前致谢

Answer 1

Canvasses是位图图像。您不能将CSS样式应用于它们并期望改变它们的颜色。一旦SVG渲染到画布中，它的内容就固定了，不能改变（除了像素操作）。

如果你想操纵SVG的颜色，你应该内联它。

<style>
    svg#test {
        fill:darkred;
    }
</style>
<body>
    <h1>TEST</h1>

    <svg id="test">
        <rect width="50" height="50"/>
    </svg>
</body>

Demo here

将CSS应用于SVG的麻烦

1 个答案: