Category:SVG simplification by dasharray
The SVG stroke-dasharray
attribute can be used to draw dotted lines and much more.
The example 5lines pg a.svg shows that it can fill an area.
![]() ![]() ![]() |
An interesting possibility is the dash of length zero; see more at Dasharray.[clarification needed]
When stroke-linecap is defined e.g. as round, the renderer generates objects in the distance of the gaps and in the size of the stroke-width, as shown in the three examples.
This logic allows to draw graphics like all the Braille letters or dice very easy.
- Note: The renderer sometimes has difficulties when the path ends exactly at the position of a zero-length dash; therefore it is advised to make the path a bit longer.
The example SVGpathM03.svg explains it and shows different views depending on rendering size. Category:SVG simplification techniques#%20D
Pages in category "Category:SVG simplification by dasharray"
- Category:SVG simplification by linecapped dasharray
- File:0percentFB.svg
- File:1 km2.svg
- File:10percentFB.svg
- File:15percentFB.svg
- File:1914 Star BAR.svg
- File:50percentFB.svg
- File:5lines p4.svg
- File:5lines pg a.svg
- File:7360 pinout.svg
- File:9 1 channels surround sound alternate 2.svg
- File:9 1 channels surround sound alternate.svg
- File:Achivement ribbon of the Wyoming National Guard.svg
- File:Agar (jeu de la vie).svg
- File:Air Force Overseas Long Tour Service Ribbon.svg
- File:Air Medal ribbon.svg
- File:Airman's Medal ribbon.svg
- File:AmslerGrid.svg
- File:Arpadflagga hungary.svg
- File:AS-rondo-icon.svg
- File:Ataíde coat.svg
- File:Avalanche-risk.svg
- File:Baltic Medal BAR.svg
- File:Bayer matrix.svg
- File:Bayer pattern on sensor profile.svg
- File:Bayer pattern.svg
- File:Bezold Effect.svg
- File:Blockchain.svg
- File:Flag of Borgloon.svg
- File:Branch-DNA-multiple.svg
- File:Branch-dna-single.svg
- File:Bronze Star Medal ribbon.svg
- File:C0 function.svg
- File:CampagneGuerreIndipendenza.svg
- File:Canadian Volunteer Service Medal BAR.svg
- File:Card back 02.svg
- File:CHE Busswil COA.svg
- File:Chess Board.svg
- File:Chessboard480.svg
- File:Chinese calligraphy pad-A4.svg
- File:Coa Illustration Cross Checked.svg
- File:Commemorative Italian-Austrian war medal BAR.svg
- File:Construction sheet of Flag of the People's Republic of China.svg
- File:Converted from Fake.svg
- File:Croatian chequy.svg
- File:Diagonal-Sudoku-by-Skratt.svg
- File:DK11 10ton.svg
- File:Dzień.svg
- File:EKG-Reto 001 BugSolved.svg
- File:Fin flash of the Republic of China Air force.svg
- File:Flag of Bavaria (Empire Total War).svg
- File:Flag of Chkhorotsku Municipality.svg
- File:Franklin graph.svg
- File:Free tetrominoes.svg
- File:Gluelebensdauerrp-de.svg
- File:Golden Gate Bridge jumpers by year.svg
- File:Grobla.svg
- File:Heraldic Shield Purpure.svg
- File:Iching-hexagram-02.svg
- File:Idc34m.svg
- File:Japan Self-Defense Forces Service Ribbon 26 (2017).svg
- File:Japan Self-Defense Forces Service Ribbon 26.svg
- File:Japanese Crest Toyamakujisujikai.svg
- File:JMSDF Captain insignia (miniature).svg
- File:Kataeb Party logo.svg
- File:Kete pa.svg
- File:King Rama VI Coronation Medal (Thailand) ribbon.svg
- File:Kontire ne akwamu.svg
- File:Legion Honneur Chevalier ribbon.svg
- File:Leiter.svg
- File:Wappen Massenbach.svg
- File:Medaglia ribbon.svg
- File:Mensural maxima rest (2,3).svg
- File:Mensural maxima rest (3,3).svg
- File:Missing square puzzle.svg
- File:My-KEL Gallant Order of the Crown of Kelantan - SPKK.svg
- File:My-KEL Order of Loyalty to the Crown of Kelantan.svg
- File:Naruto ANBU root seal tongue.svg
- File:Ninedots.svg
- File:Bandera de la Noguera.svg
- File:Noun project - List.svg
- File:Noun Project mutual icon 182569.svg
- File:Optical-illusion-diamonds.svg
- File:Order fatherland2 rib.svg
- File:Ordre des Arts et des Lettres Chevalier ribbon.svg
- File:Pentominos.svg
- File:Podzial 16x9.svg
- File:POL Krzyż Monte Cassino BAR.svg
- File:POL Lubin flag.svg
- File:Rail track gauge (mul).svg
- File:Raster for 80shades.svg
- File:Red ribbon bar - general use.svg
- File:Rede Manchete.svg
- File:RYYB pattern.svg
- File:Saudi Arabia - Road Sign - End of all restrictions.svg
- File:Schraffur fein senkrecht.svg
- File:Shape Area.svg
- File:SMR Order of Saint Marinus - Knight BAR.svg
- File:Soldier's Medal ribbon.svg
- File:Spain traffic signal s16.svg
- File:Stroke pattern.svg
- File:Suspension bridge icon.svg
- File:SVG-Beispiel 4b.svg
- File:SVGstripes1.svg
- File:Toyamakujisujikai (No background and black color drawing).svg
- File:U+25A6.svg
- File:UK traffic sign symbol NS69.svg
- File:Van Line.svg
- File:Veteran Editor Ribbon 2 no shadow.svg
- File:Vorden vlag.svg
- File:Wappen Filderstadt.svg
- File:Wappen Plochingen.svg
- File:Wikimedia Commons Query Service Logo.svg
- File:Xtranscolourfilter.svg
- File:Yankee flag.svg
- File:Yankee.svg