Proprietăți Stroke SVG
SVG oferă o gamă largă de proprietăți de accident vascular cerebral. În acest capitol ne vom uita la următoarele:
- accident vascular cerebral
- accident vascular cerebral lățime
- accident vascular cerebral-linecap
- accident vascular cerebral-dasharray
Toate proprietățile accident vascular cerebral pot fi aplicate la orice fel de linii, text și contururi de elemente, cum ar fi un cerc.
SVG accident vascular cerebral de proprietate
Proprietatea accident vascular cerebral definește culoarea unei linii, text sau schiță a unui element:
Aici este codul SVG:
Exemplu
<svg height="80" width="300">
<g fill="none">
<path stroke="red" d="M5 20 l215 0" />
<path stroke="black" d="M5 40 l215 0" />
<path stroke="blue" d="M5 60 l215 0" />
</g>
</svg>
Încearcă - l singur » accident vascular cerebral-lățime SVG proprietate
Proprietatea accident vascular cerebral lățime definește grosimea unei linii, text sau schiță a unui element:
Aici este codul SVG:
Exemplu
<svg height="80" width="300">
<g fill="none" stroke="black">
<path stroke-width="2" d="M5 20 l215 0" />
<path stroke-width="4" d="M5 40 l215 0" />
<path stroke-width="6" d="M5 60 l215 0" />
</g>
</svg>
Încearcă - l singur » SVG accident vascular cerebral-linecap de proprietate
Proprietatea accident vascular cerebral-linecap definește diferite tipuri de terminatii la o cale deschisă:
Aici este codul SVG:
Exemplu
<svg height="80" width="300">
<g fill="none" stroke="black" stroke-width="6">
<path stroke-linecap="butt" d="M5 20 l215 0" />
<path stroke-linecap="round" d="M5 40 l215 0" />
<path stroke-linecap="square" d="M5 60 l215 0" />
</g>
</svg>
Încearcă - l singur » SVG accident vascular cerebral-dasharray de proprietate
Proprietatea accident vascular cerebral dasharray este folosit pentru a crea linii întrerupte:
Aici este codul SVG:
Exemplu
<svg height="80" width="300">
<g fill="none" stroke="black" stroke-width="4">
<path stroke-dasharray="5,5" d="M5 20 l215 0" />
<path stroke-dasharray="10,10" d="M5 40 l215 0" />
<path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" />
</g>
</svg>
Încearcă - l singur »