用svg画一个撞色的图片

以下是一个使用SVG绘制的撞色图片的代码示例：

<svg viewBox="0 0 100 100">
  <!-- 矩形1 -->
  <rect x="0" y="0" width="50" height="100" fill="#FFDAB9"/>
  <!-- 矩形2 -->
  <rect x="50" y="0" width="50" height="100" fill="#00CED1"/>
  <!-- 圆形 -->
  <circle cx="50" cy="50" r="30" fill="#FFDAB9"/>
</svg>

代码解释：

- `viewBox` 属性定义了SVG视口的大小和位置。
- `rect` 标签绘制了两个矩形，分别填充了不同的颜色。
- `x`、`y`、`width` 和 `height` 属性定义了矩形的位置和大小，`fill` 属性分别设置为 `#FFDAB9` 和 `#00CED1`，表示填充颜色为淡橙色和深蓝色。
- `circle` 标签绘制了一个圆形，填充了与矩形1相同的颜色。
- `cx`、`cy` 和 `r` 属性定义了圆的位置和大小，`fill` 属性设置为 `#FFDAB9`，表示填充颜色为淡橙色。

运行上述代码，将会在浏览器中显示一个撞色图片，如下图所示：