+
95
-

js如何修改svg某个区域的颜色值?

js如何修改svg某个区域的颜色值?


网友回复

+
15
-

通过id来获取svg的区域然后通过style.fill改变填充颜色,示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Change SVG Element Colors</title>
</head>
<body>

<!-- SVG图像示例,这里只做示意,并不代表真实的小女孩图案 -->
<svg width="200px" height="200px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
  <!-- 假设小女孩的头发区域 -->
  <rect id="hair" x="50" y="50" width="100" height="50" fill="black"/>
  <!-- 假设小女孩的衣服区域 -->
  <rect id="clothes" x="50" y="150" width="100"...

点击查看剩余70%

我知道答案,我要回答