SVG弯曲的路径作为面具

时间:2013-07-17 21:03:22

标签: pdf svg inkscape curves

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

0 个答案:

没有答案