1

我正在尝试使用弯曲路径作为遮罩(右上角应该是圆形的)。svg 在当前浏览器中正确呈现,但是当我将 svg 转换为 PDF 或图像时,曲线会丢失。我尝试过 Inkscape、ImageMagick 和 rsvg-convert。我的svg有问题吗?或者有没有其他方法可以创建一个圆角的蒙版?

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="240mm" height="330mm">
  <defs>
    <mask id="mymask">
      <path d="M0 0 L762.52754 0 Q779.52754 0 779.52754 17 L779.52754 1098.42517 Q779.52754 1098.42517 779.52754 1098.42517 L0 1098.42517 Q0 1098.42517 0 1098.42517 L0 0 Q0 0 0 0 Z" fill="white" id="path" />
    </mask>
  </defs>
  <svg version="1.1" width="220mm" height="310mm" x="10mm" y="10mm">
    <svg width="212mm" height="298mm" x="4mm" y="5mm">
      <g mask="url(#mymask)">
        <title>Layer 1</title>
        <g id="svg_1">
          <rect width="220mm" height="310mm" fill="red" id="svg_2" />
        </g>
      </g>
    </svg>
  </svg>
</svg>
4

0 回答 0