gpt4 book ai didi

html - 如何让 SVG 中的 改变颜色?

转载 作者:太空宇宙 更新时间:2023-11-04 11:15:56 24 4
gpt4 key购买 nike

我在 Photoshop 中制作了一个 SVG。下面标签之间的两个元素是我在将它导出到 SVG 之前在 PS 文件中的图层(我认为,这就是为什么它们不是 . 现在,我正在尝试使其中一个元素转向(#00599c ) 鼠标悬停时为蓝色。

我认为 CSS 是实现此目的的最简单方法,但我不知道该怎么做。

谢谢

   <style>
.hover {
background-color: #00599c;
}
</style>
</head>
<body>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="787.25" height="599.75" viewBox="0 0 3149 2399">
<image xlink:href="data:img/png;base64,random symbols..." class="hover" x="2512" y="845" width="310" height="419"/>

<image xlink:href="data:img/png;base64,random symbols..." x="2413" y="411" width="578" height="543"/>

</svg>

</body>

最佳答案

您在矢量标记 (SVG) 中使用位图图像,这并没有错,而是一种不好的做法。如果内联 SVG 是纯矢量图形(路径、多边形、矩形...),您更改颜色的方式是,因此您可以使用 fill 属性而不是 colorbackground-color

svg:hover {
fill: #00599c;
}

关于html - 如何让 SVG 中的 <image> 改变颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33221711/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com