Проблема
Когда я помещаю стандартный SVG в wkhtmltopdf, он прекрасно отрисовывается, как в браузере.
Однако, когда я добавляю градиент цвета в SVG (как с * 1005) *), затем он создает ужасно прерывистую и пиксельную линию вдоль края фигуры, что делает его непригодным для использования.
Я пытался изменить параметры, такие как DPI, zoom, et c ... но это не имеет значения к вопросу.
Сравнение выходных данных
Стандарт SVG:
Problemati c Цветовой градиент SVG:
Сравнение 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), но безрезультатно.