Instance ng SVG
- Nakaraang Pahina Radial Gradient sa SVG
- Susunod na Pahina Manwal ng SVG
Subukan ang mga halimbawa nang personal
Ang sumusunod na halimbawa ay maglalagay ng SVG code direktang sa HTML code.
Ang Firefox, Internet Explorer 9, Google Chrome, Opera at Safari ay sumusuporta sa ganitong paraan.
Instance ng SVG
SVG Basic Shapes
- Isang bilog
- Isang pangunahing retanggulo
- Isang retanggulo na walang opakidad
- Isang retanggulo na may opakidad 2
- Isang retanggulo na may malaking gilid
- Elipso
- Tatlong elipso na magkalapit
- Dalawang elipso
- Linya
- Isang trilateral na may tatlong gilid
- Isang heptagono na may apat na gilid
- Bituin
- Isang ibang bituin
- Likuran
- Isang ibang likuran
- Path
- Dalawang beses na Bézier curve
- Isulat ang isang teksto
- Irotate ang teksto
- Maraming linya ng teksto
- Teksto bilang isang link
- Tukuyin ang kulay ng linya, teksto o kontura (stroke)
- Tukuyin ang lapad ng linya, teksto o kontura (stroke-width)
- Tukuyin ang iba't ibang uri ng tapusin ng bukas na path (stroke-linecap)
- Tukuyin ang isang虚线 (stroke-dasharray)
Filter sa SVG
- feGaussianBlur - Epekto ng pagmura
- feOffset - Ito ay nagtatrabaho bilang isang retanggulo offset, at pagkatapos ay maghahalo ng orihinal na image sa itaas ng image offset
- feOffset - Ito ay nagtatrabaho bilang isang mura na image offset
- feOffset - Ito ay nagtatrabaho bilang isang kulay ng itim na shadow
- feOffset - Ito ay nagtatrabaho bilang isang kulay ng shadow
- feBlend Filter
- Filter 1
- Filter 2
- Filter 3
- Filter 4
- Filter 5
- Filter 6
SVG Gradient
- Isang elipso na may pagbabagong kulay mula sa dilaw hanggang pulang horizontal na gradient
- Isang elipso na may pagbabagong kulay mula sa dilaw hanggang pulang vertical na gradient
- Isang elipso at teksto na may pagbabagong kulay mula sa dilaw hanggang pulang horizontal na gradient
- Isang elipso na may pagbabagong kulay mula sa puti hanggang asul
- Isang elipso na may pagbabagong kulay mula sa puti hanggang asul
SVG Miscellaneous
- Retanggulo na magpapatuloy na mawala sa loob ng 5 segundo
- Isang retanggulo na magbabago ng kulay at patuloy na lumalago
- Tatlong retanggulo na magbabago ng kulay
- I-move ang teksto sa kahon ng linya ng kilusan
- I-move, i-rotate at i-zoom ang teksto sa kahon ng linya ng kilusan
- I-move, i-rotate at i-zoom ang teksto + ang patuloy na lumalagong rectangle na magbabago ng kulay sa kahon ng linya ng kilusan
- I-rotate ang ellipse
- Nakaraang Pahina Radial Gradient sa SVG
- Susunod na Pahina Manwal ng SVG
