読者です 読者をやめる 読者になる 読者になる

Canvasにランダムな点

Canvasにランダムな点を描く方法

canvasjQueryライクに扱えるjCanvas | jQuery meets the HTML5 canvasを使ってcanvasにランダムな色の点を書いてみました。

f:id:haru-komugi:20140923193757p:plain

var canvas = $("canvas");
var width = canvas.width();
var height = canvas.height();
for( var i = 0 ; i < 100 ; i ++ ){
  canvas.drawArc({
    draggable: true,
    fillStyle: "#" + Math.floor(Math.random() * 0xFFFFFF).toString(16),
    x: width*Math.random(), y: height*Math.random(),
    radius: 10
  });
}

分かりやすくて便利っすねえ