SVG esimerkki
- Edellinen sivu SVG säteellinen peittaus
- Seuraava sivu SVG-elementit
Tarkasta SVG-tiedosto
Jos SVG-tarkistajaa ei ole asennettu, et voi tarkastella SVG-tiedostoa.
Huomautus:Firefox 1.5 ja Opera 9 tukevat SVG:ää alkuperäisesti. Jos käytät näistä selaimista yhtä, sinun ei tarvitse asentaa SVG-tarkistajaa.
Lataa SVG-tarkistaja Adobeelta ilmaiseksi。
Näytä SVG-lähdekoodi
Jos haluat tarkastella SVG-lähdetekstiä, avaa nämä esimerkit, napsauta sitten ikkunassa oikealla painikkeella ja valitse “Näytä lähdekoodi”.
SVG esimerkki
SVG-muoto
- suorakulmio
- läpinäkyvä suorakulmio
- läpinäkyvä suorakulmio 2
- reunakulmion muotoinen
- ympyrä
- elliptinen
- kerrostuvat kolme elliptistä
- kaksi elliptistä
- yksi viiva
- kolmiokulmio
- nelikulmio
- kaartuva viiva
- polku
- pyramidinen
SVG suodattimet
- feGaussianBlur suodatin
- Toinen feGaussianBlur suodatin
- feBlend suodatin
- feColorMatrix suodatin
- feComponentTransfer suodatin
- feOffset suodatin
- feOffset, feFlood, feComposite, feMerge ja feMergeNode
- feMorphology suodatin
- Suodatin 1
- Suodatin 2
- Suodatin 3
- Suodatin 4
- Suodatin 5
- Suodatin 6
SVG peittaus
- Viivainen peittaus (tasoittainen peittaus)
- Viivainen peittaus (pystysuuntainen peittaus)
- Säteellinen peittaus
- Säteellinen peittaus 2
SVG muut
- Lisää "a"-elementti suorakulmiolle, niin se voi olla hyperlinkki.
- Luo elementti JavaScriptin avulla, kun käyttäjä napsauttaa ympyrää.
- Viiden sekunnin välein häipyvä suorakulmio
- Luo animaatio muuttamalla suorakulmion x, y, width ja height ominaisuuksia, ja muuttamalla suorakulmion väriä
- Väriä muuttuvat kolme suorakulmiota
- Liikkuvaa tekstejä, jotka siirtyvät yhdellä liikkeellä
- Liikkuvaa tekstejä, jotka siirtyvät, pyörivät ja skaalautuvat yhdellä liikkeellä
- Liikkuvaa tekstejä, jotka siirtyvät, pyörivät ja skaalautuvat yhdellä liikkeellä, sekä väriä muuttuvaa suorakulmiota, joka kasvaa ja muuttaa väriä
- Edellinen sivu SVG säteellinen peittaus
- Seuraava sivu SVG-elementit
