<canvas w h id="cv"/>
var ctx=document.getElementById("cv").getContext('2d');
Path Drawing:
ctx.beginPath();
ctx.moveTo(x,y);
ctx.lineTo(x1,y1);
ctx.closePath();
Fill
ctx.fillRec();
ctx.fillStyle='rgba(0,0,0,0.2)'; alpha 0.2 for black.
Mouse move vs. Touch move
cv.onMouseMove= function Draw(e) {..}
document.addEventListener('touchmove', function (e) { });
e.preventDefault(); not allow Ipad Giggle.
e.targetTouches[0].pageX;
ctx.transform (matrix+d);
cx.scale(60%);
Sunday, February 19, 2012
HTML5 Canvas API
Subscribe to:
Post Comments (Atom)
 
No comments:
Post a Comment