Как исправить рендеринг цветового градиента SVG в wkhtmltopdf - PullRequest
0 голосов
/ 19 марта 2020

Проблема

Когда я помещаю стандартный SVG в wkhtmltopdf, он прекрасно отрисовывается, как в браузере.

Однако, когда я добавляю градиент цвета в SVG (как с * 1005) *), затем он создает ужасно прерывистую и пиксельную линию вдоль края фигуры, что делает его непригодным для использования.

Я пытался изменить параметры, такие как DPI, zoom, et c ... но это не имеет значения к вопросу.

Сравнение выходных данных

Стандарт SVG:

enter image description here

Problemati c Цветовой градиент SVG: enter image description here

Сравнение SVG

Стандарт SVG:

<svg width="999" height="784" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.000610352H999V782.575C999 782.575 698.108 820.603 570.006 503.87C441.904 187.138 0 193.643 0 193.643V0.000610352Z" fill="#71C696" />
</svg>

Проблематично c Цветовой градиент SVG:

<svg width="999" height="784" viewBox="0 0 999 784" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.000610352H999V782.575C999 782.575 698.108 820.603 570.006 503.87C441.904 187.138 0 193.643 0 193.643V0.000610352Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="748.257" y1="647.475" x2="958.499" y2="173.824" gradientUnits="userSpaceOnUse">
<stop stop-color="#71C696"/>
<stop offset="1" stop-color="#83D6A8"/>
</linearGradient>
</defs>
</svg>

Важное замечание: Проблема не имеет ничего общего с атрибутами элемента SVG, такими как width, height, viewbox или любой CSS.

Кроме того, SVG вводится непосредственно в HTML. Я попытался поместить его в <img/> (как ссылку sr c и sr c в кодировке base 64), но безрезультатно.

...