HTML canvas closePath() method

Kwamtaron HTML5 Canvas

Tafarka da amfani

closePath() hanyar don kafa hanyar daga yankin aiki zuwa kaiwaki:

Rarrabawo:Amfani da stroke() hanyar don fiya hanyar kama a fagen fagen. Amfani da

Rarrabawo:Amfani da fill() Yin amfani da sabon hanyar wanda zai zama daya ko gajin (kuma daya) a fagen fagen. Ci gaba da amfani da fillStyle Girgizar wanda zai zama daya ko gajin

Shafuka

Tosin 1

Firki karo hanyar yanki, kuma farin karo yin hanyar kaiwaki:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();

Gina ƙunsai

Rarrabawo:Baya kara wakilci kwarew kuma a yankin takaddama na yanar gizo.

Farin gida

context.closePath();

Kwarew kuma

Tosin 2

Ba daya zuwa wuri gurin gida dono.

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="green";
ctx.fill();

Gina ƙunsai

Kwararrun ɗanɗi

Numar da ke tabbin tabbin ƙwararrun ɗanɗi yana ƙirƙiri ɗanɗi ta ƙarfin ɗanɗi ta farko.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kwamtaron:Internet Explorer 8 da sauran farawar ba a taɗaɗa <canvas> ɗanɗi ba.

Kwamtaron HTML5 Canvas