HTML 5 Canvas:長方形を描く

464 ワード

HTMLの例:


JS例:
//    Canvas        
var x = 10;
//    Canvas        
var y = 10;
//        
var width = 100;
//        
var height = 100;
var context = document.getElementById("canvas").getContext("2d");

context.beginPath();
//      
context.fillStyle = "red";
//     
context.fillRect(x, y, width, height);
context.closePath();