//コンテキストを取得
let canvas = document.querySelector('#canvas');
canvas.width = 640;
canvas.height = 640;
let context = canvas.getContext('2d');
sikaku(10,10,20,30) ;
sikaku(20,20,5,25) ;
function sikaku(x,y,zy,zx){
// 枠線なし
context.beginPath();
context.rect( x, y, zy, zx);
context.fillStyle = "lightskyblue";
context.fill();
}
//丸
context.arc( 100, 100, 50, 0 * Math.PI / 180, 360 * Math.PI / 180, false ) ;
context.fill() ;図形
//コンテキストを取得
let canvas = document.querySelector(‘#canvas’);
canvas.width = 640;
canvas.height = 640;
let context = canvas.getContext(‘2d’);
sikaku(10,10,20,30) ;
sikaku(20,20,5,25) ;
function sikaku(x,y,zy,zx){
// 枠線なし
context.beginPath();
context.rect( x, y, zy, zx);
context.fillStyle = “lightskyblue”;
context.fill();
}
//丸
context.arc( 100, 100, 50, 0 * Math.PI / 180, 360 * Math.PI / 180, false ) ;
context.fill() ;