Zīmējuma veidošana, izmantojot ceļu (Path)

 Ceļa(path) programmēšanā vispirms jāizveido Canva tāpat, kā taisnstūrim, skat. Taisnsturi.

Path zīmēšanai ir 4 soļi:

Nogriežņa iegūšanai:

1. solis. Izvēlas līnijas krāsu un biezumu (var neizvēlēties, tad tas būs pēc iepriekš iestatītās, noklusētās versijas):

zimejums.strokeStyle = "red"; 

zimejums.lineWidth = 8;

2. solis. Norāda, ka izmantos ceļu(Path):

zimejums.beginPath();    

3.  solis. Norāda, kā veidosies nogrieznis:

zimejums.moveTo(10,10)// dodas uz noogriežņa pirmā galapunkta koordinātēm;  

zimejums.lineTo(100,150)// mērķis - otrs galapunkts;

4. solis. Uzzīmē to:

zimejums.stroke();

Riņķa līnijas lokam: 

Zīmē, domājot līdzīgi, kā zīmējot nogriezni,

3. solī norāda, kā veidosies loks:

zimejums.arc(120, 80, 60, 215*Math.PI/180, 45*Math.PI/180);

         arc(x, y, r, sakumaLenkis, beiguLenkis)

Riņķa līnijai pārveido loka formulu sekojoši:

zimejums.arc(x,y,r,0,2*Math.PI)

zimejums.beginPath();

zimejums.arc(70,250,50,0,2*Math.PI);

zimejums.stroke()

        

Var arī aizkrāsot

zimejums.fillStyle="yellow";
zimejums.fill();

Avots: Startit.lv