Categories:
Cloud (204)
Entertainment (11)
Facebook (43)
General (50)
Life (31)
Programming (64)
Technology (430)
Testing (4)
Tools (488)
Twitter (5)
Wearable (26)
Web Design (44)
Collections:
Other Resources:
Insert SVG Images in HTML Documents
How to Insert SVG Images in HTML Documents?
✍: FYIcenter.com
You can insert a SVG image in an HTML document by
inserting the SVG XML document directly any where
in the HTML document.
Here is a simple example of inserting a SVG XML document inside an HTML document. Save it in a file called, square.html.
<html><body> <p>Black <svg xmlns="http://www.w3.org/2000/svg"> <rect x="1" y="1" width="100" height="100"/> </svg> Square... </p> </body></html>
When you open the above HTML file, square.html, in a Web browser, you see a black square inserted inside a text line.
But some how extra white spaces are padded below and after image. The the 100px x 100px square occupied an area of 300px x 150px.
See next tutorial on how to remove padded space around the SVG image.
Also note that the namespace declaration xmlns="http://www.w3.org/2000/svg" is optional when inserting SVG document into an HTML document directly.
⇐ What Is SVG (Scalable Vector Graphics)
2022-10-25, 816🔥, 0💬
Popular Posts:
What is Web Companion that bundled FileZilla Client? Why Web Companion gets installed on my computer...
How to find and read log file in FileZilla Server? I have logging turned on already. For FileZilla S...
How to use my iPhone and iPad to set up and manage Chromecast device on my TV? I have a Chromecast d...
What are those search options provided on Library Genesis? Library Genesis provides 3 types of searc...
What are Link and Activity LEDs on Ethernet Socket? Link and Activity LEDs on Ethernet Socket are LE...