How to locally inject an svg file into the DOM

Asked Feb 06 '21 at 14:33

Active Feb 08 '21 at 01:54

Viewed 176 times

So I need to style an svg with CSS, but it is quite large and having it in my index.html would be a nightmare.

I have tried SVGInject, SVGInjector, wrapping it in an object and using contentDocument, using XMLHttpRequest, and using the node fs module, but the problem is: I need to run it locally.

This is because it's something similar to a school project and there is a requirement that it has to be able to be opened from any browser and on any computer, ergo no local servers. Is there any way to do this?

edited Feb 08 '21 at 01:54

Heretic Monkey

11,687
7
53
122

asked Feb 06 '21 at 14:33

lenerdv

`` to load an SVG as an image – Rojo Feb 06 '21 at 14:44
@Rojo it can't be styled with css, which is what i need – lenerdv Feb 07 '21 at 08:39
What do you mean by it can't be styled? How do you plan to style it? – Rojo Feb 07 '21 at 19:57
You can style the SVG within the SVG code itself. See, for example, [Where to put – Heretic Monkey Feb 08 '21 at 01:56

How to locally inject an svg file into the DOM

0 Answers0