Question

0

168

Vistas

Load svg from file using JavaScript

I have searched the web but the answers showing embedding the SVG into the HTML using <object>, <img>, etc. What I want to do is open a large SVG file that contains lots of images, find the image I need, and show only that image on the page. How can I do that?

File structure is:

directory
- index.html
- script.js
- images.svg

about 4 years ago · Juan Pablo Isaza

2 Respuestas

Responde la pregunta

0

hello damn i think you can add svg in your html code and run code but you cant font-size svg in css you can use width and height in svg to big font-size ok under

about 4 years ago · Juan Pablo Isaza Denunciar

Responde la pregunta

Encuentra empleos remotos

Accepted Answer · 2022-07-06T18:05:03.124Z

A few steps:

Use the Fetch API to get the image data.
Use a DOM parser to parse the XML into a document.
Find the SVG subset you want. (You didn't show us your XML, but this is likely as simple as document.querySelector().)
Create an SVG element. (This is actually a bit tricky due to the namespace. See also: JavaScript createElementNS and SVG)
Append it to the relevant element on your page.

0

168

Load svg from file using JavaScript

2 Respuestas

0

0

Encuentra empleos remotos

Andres GPT