ImageMagick не применяет фильтры SVG при преобразовании в PNG

Может кто-нибудь помочь определить проблему здесь. Рассмотрим эту разметку SVG.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="446.5 158 967 368">
    <defs>
        <filter color-interpolation-filters="sRGB" id="Sil2df3ui1g5" filterUnits="userSpaceOnUse">
            <feGaussianBlur stdDeviation="2" in="SourceAlpha"/>
            <feOffset result="offsetblur" dy="10" dx="10"/>
            <feFlood flood-color="orange"/>
            <feComposite operator="in" in2="offsetblur"/>
            <feComponentTransfer>
                <feFuncA slope="1" type="linear"/>
            </feComponentTransfer>
            <feMerge>
                <feMergeNode/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>
    </defs>
    <g>
        <g>
            <text stroke="#8f02d0" id="fsjd" fill="#00a7f2" transform="matrix(2.39,0,0,2.39,-1280.19,-438.545)" style="font-size: 60px; text-anchor: middle; stroke-linejoin: round; filter:url('#Sil2df3ui1g5'); font-weight: 400; font-style: normal; letter-spacing: 0px; stroke-width: 2;" y="333" x="921">Lorem</text>
            <text transform="matrix(1,0,0,1,-398,-145)" fill="#dd0000" style="font-size: 32px; text-anchor: middle; font-family: Ubuntu; font-style: normal; font-weight: 400; letter-spacing: 0px;" y="333" x="921">Safe Mode</text>
            <text transform="matrix(1,0,0,1,416,185)" fill="#179c00" style="font-size: 32px; text-anchor: middle; font-family: Ubuntu; font-style: normal; font-weight: 400; letter-spacing: 0px;" y="333" x="921">Safe Mode</text>
        </g>
    </g>
</svg>

Когда я пытаюсь преобразовать этот SVG в PNG через ImageMagick:

convert -background none item.svg item.png

Фильтры не применяются

Однако, если я использую любой другой svg (сгенерированный Inkscape / AI и т. Д.), Он успешно конвертируется. Я думаю, что-то не так с разметкой SVG.

1 ответ

Где вы указываете IRI для вашего фильтра, не используйте одинарные кавычки.

Изменить это

filter:url('#Sil2df3ui1g5');

в

filter:url(#Sil2df3ui1g5);

По крайней мере, на моей машине это решает проблему.

Согласно валидатору W3C, одинарные кавычки должны быть в порядке, похоже на ошибку в ImageMagick.

Другие вопросы по тегам