SVG to PNG, getting blank image
Posted: 2019-01-03T05:37:44-07:00
Hi,
I am trying to convert a SVG to PNG. SVG has three Linked images, after converting that SVG I get blank PNG or sometimes only one linked image get rendered in PNG.
Due to some reasons, I can not use embedded(base64) image in the SVG. Below are the system and IM details.
Windows 10
IM = ImageMagick-7.0.8-Q16 and ImageMagick-6.9.1-Q16-HDRI (both versions)
IM SVG reader (RSVG 2.40.1)
Below is the SVG XML. Any image can be used in href links.
Please any help to find the solution.
Thanks in advance
I am trying to convert a SVG to PNG. SVG has three Linked images, after converting that SVG I get blank PNG or sometimes only one linked image get rendered in PNG.
Due to some reasons, I can not use embedded(base64) image in the SVG. Below are the system and IM details.
Windows 10
IM = ImageMagick-7.0.8-Q16 and ImageMagick-6.9.1-Q16-HDRI (both versions)
IM SVG reader (RSVG 2.40.1)
Below is the SVG XML. Any image can be used in href links.
Code: Select all
<?xml version="1.1" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"[]>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1024" height="161" x="0" y="0" xml:space="preserve">
<desc>Created with Fabric.js 1.4.12</desc>
<defs></defs>
<g transform="translate(195.5 34.88)">
<image xlink:href="logo.png" x="-34" y="-34" width="58" height="58"></image>
</g>
<g transform="translate(260.5 30.82)">
<image xlink:href="text.png" x="-62" y="-46"></image>
</g>
<g transform="translate(512 80.5)">
<image xlink:href="bg.png" x="-512" y="-80.5"></image>
</g>
</svg>
Thanks in advance