Widget:SVG: Difference between revisions

From Wikizilla, the kaiju encyclopedia
Jump to navigationJump to search
(Created page with "<noinclude>__NOTOC__ This widget allows you to embed a '''[https://www.w3.org/TR/SVG11/ Scalable Vector Graphics]''' image (img tag using inline markup encoded for data url sc...")
 
mNo edit summary
Line 3: Line 3:


Written by DSquirrelGM.
Written by DSquirrelGM.
==Copy to your site==
To use this widget on your site, just install the [[mediawikiwiki:Extension:Widgets|Widgets extension]] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as '''{{FULLPAGENAME}}''' article.
=Usage=
=Usage=
Refer to the SVG specification for the use of these attributes: width, height, viewBox, preserveAspectRatio, x, y, version
Refer to the SVG specification for the use of these attributes: width, height, viewBox, preserveAspectRatio, x, y, version

Revision as of 20:48, 25 July 2020

This widget allows you to embed a Scalable Vector Graphics image (img tag using inline markup encoded for data url scheme) on your wiki page.

Written by DSquirrelGM.

Usage

Refer to the SVG specification for the use of these attributes: width, height, viewBox, preserveAspectRatio, x, y, version

width   horizontal image size   100%
height   vertical image size   100%
version   specification version   1.1
x   horizontal origin (ignored on top level element)   0
y   vertical origin (ignored on top level element)   0
preserveAspectRatio   Aspect ratio adjustment   xMidYMid meet
viewBox   viewport extents   0 0 100% 100%
content   SVG markup to be embedded
url   (set a value to use url() scheme instead of img tag)

Sample results

Example 1

Example 2
1 2 3
4 5 6