SVG <line>

<line> elementti käytetään viivojen luomiseen.

Line-merkki

<line> elementti käytetään viivojen luomiseen.

Kopioi seuraava koodi muistiinpanoon, tallenna tiedosto nimellä "line1.svg". Lisää tämä tiedosto verkkohakemistoon:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>
</svg>

Koodin selitys：

  • x1-ominaisuus määrittelee viivan alkun x-akselilla
  • y1-ominaisuus määrittelee viivan alkun y-akselilla
  • x2-ominaisuus määrittelee viivan lopun x-akselilla
  • y2-ominaisuus määrittelee viivan lopun y-akselilla

Näytä esimerkki