Oğuzhan Çevik: JavaScript Canvas

7 Eylül 2017 Perşembe

Merhaba, bu yazımızda JavaScript'de Canvas oluşturmayı göreceğiz. Canvas'lar sayfamızda çizim alanları oluşturmamıza yarar.

Örneğin;

<!DOCTYPE html>

<html>

<body>

<canvas id="canvas1" width="600" height="600" style="border:1px solid;">

Bu browser canvası desteklemiyor!

</canvas>

<script>

var canvas1=document.getElementById("canvas1");

var cizim=canvas1.getContext("2d");

cizim.moveTo(0,0);

cizim.lineTo(300,300);

cizim.lineTo(400,200);

cizim.moveTo(400,0);cizim.lineTo(200,200);

cizim.stroke();             

cizim.moveTo(400,0);

cizim.lineTo(200,200);

cizim.stroke(); 

</script>

</body>

</html>

Oğuzhan Çevik