Question

我正在尝试使用弯曲的路径作为遮罩（右上角应该是圆形的）。 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>

SVG弯曲的路径作为面具

0 个答案: