打印到PDF时SVG图案已栅格化

Question

我正在尝试创建一个SVG文件，当将其打印为PDF时，它将在矢量中保留其所有部分。该文件将模式用作路径的填充，或在示例示例中将rect元素用作填充：

    <svg
        width="200"
        height="200"
        viewBox="0 0 200 200"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        className="productWrapper"
      >
        <defs>
          <pattern id="pattern" x="0" y="0" width="1" height="1">
            <path
              fill="#fcc"
              d="[vector path here]"
            />
          </pattern>
        </defs>
        <rect fill="url(#pattern)" stroke="black" width="200" height="200" />
      </svg>

我面临的问题是，在打印到PDF时，rect元素或SVG文件顶层的任何path仍是矢量，但是{{1}内的所有矢量内容}已栅格化。

可以在这里找到一个非常小的例子：

https://6j8953j8rn.codesandbox.io/

在打印为PDF时，有什么方法可以使SVG在矢量中呈现？