Learn Svg | Table O Contents
Place the introducing line of text ie.) the ‘tagline’ here …
Note. The Flammarion Logo Badge
in the page header above is an .svg
image file set to the dimensions of 5%
width, auto
height, and zoom
. Go ahead and test the zoom-out
feature by hovering over the badge to engage the expansion of the image.
SVG In Markup
Hint. Place the intro paragraph ie.) the ‘hypothesis’ here …
More to come …
![MMI™ Flammarion Logo Badge](/Browser-Lessons-Project/assets/img/svg/MMI-Medmj-Org-Got-Tree-Flammarion-Person-Through-Celestial-Sphere-circle-543-x-543.svg){:height="500px" width="500px"}
Here, we are using an original ( .xcf )
file that has been exported from GIMP as a ( .psd )
of dimensions 725px x 725px x 96dpi and then imported via Adobe Illustrator, or AI.
Once inside AI, the ( .psd )
file is then “save as” an ( .svg )
.
Out comes an ( .svg )
file of dimensions 543.75px x 543.75px.
Now, an SVG file is both expandable and responsive.
To render a smaller version of the ( .svg )
, simply append an appropriate height and width, as follows:
{:height="120px" width="120px"}
Live Image: SVG In Markup
The following Live rendition of the MMI™ Flammarion Logo Badge ( .svg )
image file is set to the dimensions of 500.00px x 500.00px.
Last Subtitle
More to come …
Note. The above synopsis was derived from an article written by Blank Author [1].
Support
Please support the co-workers who aggregate the Source Links for our projects.
Patreon
Like what you see in this project? If so, then support the authors and machine-elves
who aggregate the source links and pages for our projects via Patreon.