DokuWiki

It's better when it's simple

User Tools

Site Tools


devel:svg

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
devel:svg [2021-11-30 16:33] – [Embedded SVG] andidevel:svg [2023-09-16 00:58] (current) Klap-in
Line 1: Line 1:
 ====== Scalable Vector Graphics ====== ====== Scalable Vector Graphics ======
  
-Scalable Vector Graphics (SVG) are supported by all modern browsers and are often to prefer when displaying iconography. DokuWiki's internal systems are slowly migrating to make use of SVG instead of PNG graphics.+Scalable Vector Graphics (SVG) are supported by all modern browsers and are often preferred when displaying iconography. DokuWiki's internal systems are slowly migrating to make use of SVG instead of PNG graphics.
  
  
Line 10: Line 10:
 ===== Embedded SVG ===== ===== Embedded SVG =====
  
-Inlining SVG into HTML is best for small, single color icons that can be easily styled using CSS. The inlining can be done using the ''inlineSVG()'' function.+Inlining SVG into HTML is best for small, single color icons that can be easily styled using CSS. The inlining can be done using the [[xref>inlineSVG()]] function.
  
 <code php> <code php>
Line 31: Line 31:
 The [[https://lean-svg.netlify.app/|Lean-SVG]] website can help trimming and fixing existing SVGs. The [[https://lean-svg.netlify.app/|Lean-SVG]] website can help trimming and fixing existing SVGs.
  
-Note: The [[plugin:dev|dev Plugin]] can help with downloading and cleaning SVG files.+Notes 
 +  * The [[plugin:dev|dev Plugin]] can help with downloading and cleaning SVG files
 +  * Also see the [[:tips:svg_icons|Tips&Tricks wiki page]] on creating your own multi-color SVG icons
  
devel/svg.1638286435.txt.gz · Last modified: 2021-11-30 16:33 by andi

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki