Hi, is there a way to embed an external svg into the current svg? The closest thing I could find is this notebook: [image] Creative Commons Logos An Observable notebook by Martien van Steenbergen. However, in Martien’s case, he’s placing the svg directly as a…

You should be able to use the <image> tag and its xlink:href attribute.

Hm, that’s not working for me. So this is what I’m trying to pull: https://gist.github.com/abeyang/7f382e53d6ae92fb64e7fad4ebdfda06 Assets.svg <?xml version="1.0" encoding="UTF-8"?> <svg width="749px" height="574px" viewBox="0 0 749 574" version="1.1" xmlns="http://www.w3.org/2000/svg" xmln…

However, when I hosted it elsewhere (like cloudapp), it seems to work. But would be nice to host from github / gist… or am I asking too much?

Not sure… this SO answer says that adding ?sanitize=true to the end of the URL might help, and doing this seems to work for my test notebook in Chrome, but not Firefox. Maybe that’s good enough?

Wow, thanks so much! Yeah think that’s good enough!

Ack, sorry! I need this to be downloadable (rasterized or serialized), and this method seems to not work? Is it because of the image tag? Or am I doing something wrong?

Embedding external svg's?

bgchen February 14, 2019, 1:24am 8

I’ve updated the test notebook with an approach that allows rasterization (using @mootari’s “Embedding fonts into an SVG” notebook from your earlier thread).

Topic		Replies	Views
Error opening svg file from Observable Help	7	640	November 1, 2022
Save off an SVG with images Help	5	410	September 12, 2022
SVG textPath not working in local image viewers Help	8	1118	August 23, 2019
Embeding raw svg Help	1	437	November 21, 2019
how to embed FileAttachment image in svg Help	1	57	September 4, 2024

Embedding external svg's?

Related topics