JSFiddle - React, Tailwind, and code Playground

by indatawetrust

HTML

<canvas id="canvas" width="300" height="300" style="background-color:#aaa">
    Bu tarayıcı canvas desteklemiyor.
</canvas>

JavaScript

// canvas ımızı seçtik
var canvas = document.getElementById('canvas');
// canvas ımızda 2D apimizi kullanmak için 
// getContext('2d') yi çağırıp değişkenimize atadık
var canvas2DApi = canvas.getContext('2d');
// ve dörtgen çizme fonksiyonumuzu kullandık
canvas2DApi.fillRect(10,10,100,100);