Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

svg with embedded base64 encode svg renders transparent image #1378

Closed
eNepper opened this issue Sep 14, 2018 · 2 comments
Closed

svg with embedded base64 encode svg renders transparent image #1378

eNepper opened this issue Sep 14, 2018 · 2 comments

Comments

@eNepper
Copy link

eNepper commented Sep 14, 2018

I tried processing the following svg, but it resulted in a transparent image with the width and height of the svg.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393px" height="393px" version="1.1" style="background-color: rgb(255, 255, 255);"><defs/><g transform="translate(0.5,0.5)"><image x="-0.5" y="-0.5" width="392" height="392" xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU1MC44MDFweCIgaGVpZ2h0PSI1NTAuODAxcHgiIHZpZXdCb3g9IjAgMCA1NTAuODAxIDU1MC44MDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1MC44MDEgNTUwLjgwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQ4OC40MjYsMTk3LjAxOUg0NzUuMnYtNjMuODE2YzAtMC4zOTgtMC4wNjMtMC43OTktMC4xMTYtMS4yMDJjLTAuMDIxLTIuNTM0LTAuODI3LTUuMDIzLTIuNTYyLTYuOTk1TDM2Ni4zMjUsMy42OTQNCgkJYy0wLjAzMi0wLjAzMS0wLjA2My0wLjA0Mi0wLjA4NS0wLjA3NmMtMC42MzMtMC43MDctMS4zNzEtMS4yOTUtMi4xNTEtMS44MDRjLTAuMjMxLTAuMTU1LTAuNDY0LTAuMjg1LTAuNzA2LTAuNDE5DQoJCWMtMC42NzYtMC4zNjktMS4zOTMtMC42NzUtMi4xMzEtMC44OTZjLTAuMi0wLjA1Ni0wLjM4LTAuMTM4LTAuNTgtMC4xOUMzNTkuODcsMC4xMTksMzU5LjAzNywwLDM1OC4xOTMsMEg5Ny4yDQoJCWMtMTEuOTE4LDAtMjEuNiw5LjY5My0yMS42LDIxLjYwMXYxNzUuNDEzSDYyLjM3N2MtMTcuMDQ5LDAtMzAuODczLDEzLjgxOC0zMC44NzMsMzAuODczdjE2MC41NDUNCgkJYzAsMTcuMDQzLDEzLjgyNCwzMC44NywzMC44NzMsMzAuODdoMTMuMjI0VjUyOS4yYzAsMTEuOTA3LDkuNjgyLDIxLjYwMSwyMS42LDIxLjYwMWgzNTYuNGMxMS45MDcsMCwyMS42LTkuNjkzLDIxLjYtMjEuNjAxDQoJCVY0MTkuMzAyaDEzLjIyNmMxNy4wNDQsMCwzMC44NzEtMTMuODI3LDMwLjg3MS0zMC44N3YtMTYwLjU0QzUxOS4yOTcsMjEwLjgzOCw1MDUuNDcsMTk3LjAxOSw0ODguNDI2LDE5Ny4wMTl6IE05Ny4yLDIxLjYwNQ0KCQloMjUwLjE5M3YxMTAuNTEzYzAsNS45NjcsNC44NDEsMTAuOCwxMC44LDEwLjhoOTUuNDA3djU0LjEwOEg5Ny4yVjIxLjYwNXogTTMzOC44NzEsMjI1LjY3MkwyODQuNTQ1LDM4Ni45NmgtNDIuNTkxDQoJCWwtNTEuNjktMTYxLjI4OGgzOS45NjdsMTkuNjE3LDY4LjE5NmM1LjUwOCwxOS4xNDMsMTAuNTMxLDM3LjU2NywxNC4zNiw1Ny42N2gwLjcxN2M0LjA2MS0xOS4zODUsOS4wODktMzguNTI3LDE0LjU5Mi01Ni45NTMNCgkJbDIwLjU4NS02OC45MThoMzguNzdWMjI1LjY3MnogTTY4LjQ1OCwzNzkuNTRsNy40MTUtMzAuMTUzYzkuODExLDUuMDIxLDI0Ljg4OCwxMC4wNTEsNDAuNDM5LDEwLjA1MQ0KCQljMTYuNzUxLDAsMjUuNjA3LTYuOTM1LDI1LjYwNy0xNy40NjVjMC0xMC4wNTItNy42NjItMTUuNzk1LTI3LjA1LTIyLjczNGMtMjYuOC05LjMyOC00NC4yNjMtMjQuMTY4LTQ0LjI2My00Ny42MTENCgkJYzAtMjcuNTI0LDIyLjk3MS00OC41NzksNjEuMDE0LTQ4LjU3OWMxOC4xODgsMCwzMS41OTEsMy44MjMsNDEuMTU5LDguMTMxbC04LjEyNiwyOS40MzdjLTYuNDY1LTMuMTE2LTE3Ljk0NS03LjY1Ny0zMy43NDUtNy42NTcNCgkJYy0xNS43OTEsMC0yMy40NTQsNy4xODMtMjMuNDU0LDE1LjU1MmMwLDEwLjI5Niw5LjA4OSwxNC44NDIsMjkuOTE3LDIyLjczMWMyOC40NjgsMTAuNTM2LDQxLjg3MSwyNS4zNjUsNDEuODcxLDQ4LjA5NA0KCQljMCwyNy4wNDItMjAuODEyLDUwLjAxMy02NS4wOSw1MC4wMTNDOTUuNzMxLDM4OS4zNDksNzcuNTM4LDM4NC41NzEsNjguNDU4LDM3OS41NHogTTQ1My42MDEsNTIzLjM1M0g5Ny4yVjQxOS4zMDJoMzU2LjRWNTIzLjM1M3oNCgkJIE00ODguOTExLDM3OS41NGMtMTEuMjQzLDMuODIzLTMyLjUzNyw5LjEwMy01My44MzEsOS4xMDNjLTI5LjQzNywwLTUwLjczLTcuNDI2LTY1LjU3LTIxLjc3OQ0KCQljLTE0LjgzOS0xMy44NzUtMjIuOTcxLTM0Ljk0Mi0yMi43MzgtNTguNjI1YzAuMjUzLTUzLjYwNCwzOS4yNTUtODQuMjM1LDkyLjEzNy04NC4yMzVjMjAuODEsMCwzNi44NTIsNC4wNzMsNDQuNzQsNy44OTYNCgkJbC03LjY1NywyOS4yMDJjLTguODU5LTMuODI5LTE5Ljg0OS02Ljk1LTM3LjU2Ny02Ljk1Yy0zMC4zOTYsMC01My4zNTcsMTcuMjMzLTUzLjM1Nyw1Mi4xNzNjMCwzMy4yNjUsMjAuODEsNTIuODgyLDUwLjczLDUyLjg4Mg0KCQljOC4zNzUsMCwxNS4wNzItMC45NiwxNy45NC0yLjM5NXYtMzMuNzQ1aC0yNC44NzV2LTI4LjQ3MWg2MC4wNDlWMzc5LjU0TDQ4OC45MTEsMzc5LjU0eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=" preserveAspectRatio="none" pointer-events="none"/></g></svg>

@lovell
Copy link
Owner

lovell commented Sep 14, 2018

Hello, the pre-compiled librsvg shared library provided by sharp is compiled using the --disable-pixbuf-loader flag to slightly simplify a somewhat-complex thing. As you've discovered this prevents nested SVGs from rendering.

I've created lovell/sharp-libvips#9 to track the work to attempt to deal with this.

To workaround this for now you'll need to globally install custom installations of librsvg and libvips.

@lovell
Copy link
Owner

lovell commented Aug 25, 2020

This won't be possible with prebuilt binaries, sorry, you'll need to globally install of librsvg and libvips. lovell/sharp-libvips#9 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants