https://eduglos.iitta.gov.ua/index.php?action=history&feed=atom&title=Widget%3ASVG 2026-04-25T04:41:46Z Історія редагувань цієї сторінки в вікі MediaWiki 1.40.0 https://eduglos.iitta.gov.ua/index.php?title=Widget:SVG&diff=1901&oldid=prev 2023-03-08T20:19:34Z

<p>Створена сторінка: &lt;noinclude&gt;__NOTOC__ This widget allows you to embed a &#039;&#039;&#039;[https://www.w3.org/TR/SVG11/ Scalable Vector Graphics]&#039;&#039;&#039; image (img tag using inline markup encoded for data url scheme) on your wiki page. Written by <a href="/index.php?title=%D0%9A%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87:DSquirrelGM&amp;action=edit&amp;redlink=1" class="new" title="Користувач:DSquirrelGM (такої сторінки не існує)">DSquirrelGM</a>. ==Copy to your site== To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source...</p> <p><b>Нова сторінка</b></p><div>&lt;noinclude&gt;__NOTOC__<br /> This widget allows you to embed a &#039;&#039;&#039;[https://www.w3.org/TR/SVG11/ Scalable Vector Graphics]&#039;&#039;&#039; image (img tag using inline markup encoded for data url scheme) on your wiki page.<br /> <br /> Written by [[User:DSquirrelGM|DSquirrelGM]].<br /> <br /> ==Copy to your site==<br /> To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page &#039;&#039;&#039;{{FULLPAGENAME}}&#039;&#039;&#039;.<br /> <br /> =Usage=<br /> Refer to the SVG specification for the use of these attributes: width, height, viewBox, preserveAspectRatio, x, y, version<br /> <br /> {|<br /> |-<br /> | &#039;&#039;width&#039;&#039; || &amp;nbsp; || horizontal image size || &amp;nbsp; || 100%<br /> |-<br /> | &#039;&#039;height&#039;&#039; || &amp;nbsp; || vertical image size || &amp;nbsp; || 100%<br /> |-<br /> | &#039;&#039;version&#039;&#039; || &amp;nbsp; || specification version || &amp;nbsp; || 1.1<br /> |-<br /> | &#039;&#039;x&#039;&#039; || &amp;nbsp; || horizontal origin (ignored on top level element) || &amp;nbsp; || 0<br /> |-<br /> | &#039;&#039;y&#039;&#039; || &amp;nbsp; || vertical origin (ignored on top level element) || &amp;nbsp; || 0<br /> |-<br /> | &#039;&#039;preserveAspectRatio&#039;&#039; || &amp;nbsp; || Aspect ratio adjustment || &amp;nbsp; || xMidYMid meet<br /> |-<br /> | &#039;&#039;viewBox&#039;&#039; || &amp;nbsp; || viewport extents || &amp;nbsp; || 0 0 100% 100%<br /> |-<br /> | &#039;&#039;content&#039;&#039; || &amp;nbsp; || SVG markup to be embedded<br /> |-<br /> | &#039;&#039;url&#039;&#039; || &amp;nbsp; || (set a value to use url() scheme instead of img tag)<br /> |}<br /> &lt;/noinclude&gt;&lt;includeonly&gt;&lt;!--{if (empty($url))}--&gt;&lt;!--{&#039;&lt;img src=&quot;data:image/svg+xml,&#039;|cat:((&#039;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;&#039;|cat:($version|strip_tags|regex_replace:&quot;/\x22/&quot;:&quot;&quot;|default:&#039;1.1&#039;)|cat:&#039;&quot; viewBox=&quot;&#039;|cat:($viewBox|strip_tags|regex_replace:&quot;/\x22/&quot;:&quot;&quot;|default:&#039;0 0 100% 100%&#039;)|cat:&#039;&quot; preserveAspectRatio=&quot;&#039;|cat:($preserveAspectRatio|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;xMidYMid meet&#039;)|cat:&#039;&quot; x=&quot;&#039;|cat:($x|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;0&#039;)|cat:&#039;&quot; y=&quot;&#039;|cat:($y|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;0&#039;)|cat:&#039;&quot; width=&quot;&#039;|cat:($width|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;100%&#039;)|cat:&#039;&quot; height=&quot;&#039;|cat:($height|strip_tags|regex_replace:&#039;/\x22/&#039;:&quot;&quot;|default:&#039;100%&#039;)|cat:&#039;&quot;&#039;|cat:&#039;&gt;&#039;|cat:($content|regex_replace:&quot;/&lt;SCRIPT/i&quot;:&quot;&lt;text&quot;|regex_replace:&quot;/&lt;\/SCRIPT/i&quot;:&quot;&lt;/text&quot;|regex_replace:&quot;/&lt;SVG/i&quot;:&quot;&lt;g&quot;|regex_replace:&quot;/&lt;\/SVG/i&quot;:&quot;&lt;/g&quot;|replace:&#039;load=&#039;:&#039;=&#039;|default:&#039;&#039;)|cat:&#039;&lt;/svg&gt;&#039;)|escape:&#039;url&#039;)|cat:&#039;&quot; /&gt;&#039;}--&gt;&lt;!--{else}--&gt;&lt;!--{&#039;url(data:image/svg+xml,&#039;|cat:((&#039;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; &#039;|cat:&#039; version=&quot;&#039;|cat:($version|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;1.1&#039;)|cat:&#039;&quot; viewBox=&quot;&#039;|cat:($viewBox|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;0 0 100% 100%&#039;)|cat:&#039;&quot; preserveAspectRatio=&quot;&#039;|cat:($preserveAspectRatio|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;xMidYMid meet&#039;)|cat:&#039;&quot; x=&quot;&#039;|cat:($x|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;0&#039;)|cat:&#039;&quot; y=&quot;&#039;|cat:($y|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;0&#039;)|cat:&#039;&quot; width=&quot;&#039;|cat:($width|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;100%&#039;)|cat:&#039;&quot; height=&quot;&#039;|cat:($height|strip_tags|regex_replace:&quot;/\x22+/&quot;:&quot;&quot;|default:&#039;100%&#039;)|cat:&#039;&quot;&#039;|cat:&#039;&gt;&#039;|cat:($content|regex_replace:&quot;/&lt;SCRIPT/i&quot;:&quot;&lt;text&quot;|regex_replace:&quot;/&lt;\/SCRIPT/i&quot;:&quot;&lt;/text&quot;|regex_replace:&quot;/&lt;SVG/i&quot;:&quot;&lt;g&quot;|replace:&quot;/&lt;\/SVG/i&quot;:&quot;&lt;/g&quot;|replace:&#039;load=&#039;:&#039;=&#039;|default:&#039;&#039;)|cat:&#039;&lt;/svg&gt;&#039;)|escape:&#039;url&#039;)|cat:&#039;)&#039;}--&gt;&lt;!--{/if}--&gt;<br /> &lt;/includeonly&gt;</div>

Admin