Categories:
Cloud (204)
Entertainment (11)
Facebook (43)
General (50)
Life (31)
Programming (64)
Technology (398)
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 a 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.
⇐ What Is SVG (Scalable Vector Graphics)
2022-10-25, 317🔥, 0💬
Popular Posts:
Is Tahoma font supported on iPhone, iPad and other Apple devices? The answer is no. Tahoma font is n...
How to add slide numbers and copyright in the footer area? You can add slide numbers, copyright text...
What are browser popup ads for Firefox? Browser popup ads are new browser windows opened by Websites...
Why I am getting the "FTP over TLS is not enabled, users cannot securely log in" waring on my FileZi...
How to create a new PowerPoint Template? I have created a slide master and some useful slide layouts...