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