¡@
javascript Programming Glossary: ctx.fillrectCreate a realistic pencil tool for a painting app with HTML5 Canvas http://stackoverflow.com/questions/10122553/create-a-realistic-pencil-tool-for-a-painting-app-with-html5-canvas 0 lastY 0 lineThickness 1 canvas.width canvas.height 600 ctx.fillRect 0 0 600 600 canvas.onmousedown function e painting true ctx.fillStyle.. 1 lineThickness 1 for var x x1 x x2 x if steep ctx.fillRect y x lineThickness lineThickness else ctx.fillRect x y lineThickness.. steep ctx.fillRect y x lineThickness lineThickness else ctx.fillRect x y lineThickness lineThickness error de if error 0.5 y yStep..
http://stackoverflow.com/questions/11334452/event-offsetx-in-firefox ctx canvas.getContext 2d var x e.offsetX var y e.offsetY ctx.fillRect x y 1 1 script head body onload main div style width 800px..
Javascript Prototypes,objects,constructor??i am confused http://stackoverflow.com/questions/16835451/javascript-prototypes-objects-constructori-am-confused them in an array. function _doit ctx.fillStyle gradient ctx.fillRect 0 0 canvas.width canvas.height var ntime new Date .getTime var..
How to use CSS (and JavaScript?) to create a blurred, “frosted” background? http://stackoverflow.com/questions/17092299/how-to-use-css-and-javascript-to-create-a-blurred-frosted-background h 28 lighten ocanvas ctx.fillStyle 'rgba 255 255 255 0.5 ' ctx.fillRect x y w h ctx.fillStyle '#999' ctx.font '32px arial' ctx.fillText..
How do I rotate a single object on an html 5 canvas? http://stackoverflow.com/questions/2677671/how-do-i-rotate-a-single-object-on-an-html-5-canvas an existing item on the canvas you'll have to erase it use ctx.fillRect or clearRect for example and then draw the rotated object. If..
Use <canvas> as a CSS background http://stackoverflow.com/questions/3397334/use-canvas-as-a-css-background 2d squares w h ctx.fillStyle rgb 200 0 0 ctx.fillRect 10 10 55 50 ctx.fillStyle rgba 0 0 200 0.5 ctx.fillRect 30 30.. 0 ctx.fillRect 10 10 55 50 ctx.fillStyle rgba 0 0 200 0.5 ctx.fillRect 30 30 55 50 script head body onload draw 300 300 div div body..
Can regular JavaScript be mixed with jQuery? http://stackoverflow.com/questions/3677140/can-regular-javascript-be-mixed-with-jquery var ctx canvas.getContext 2d ctx.fillStyle rgb 200 0 0 ctx.fillRect 10 10 55 50 ctx.fillStyle rgba 0 0 200 0.5 ctx.fillRect 30 30.. 0 ctx.fillRect 10 10 55 50 ctx.fillStyle rgba 0 0 200 0.5 ctx.fillRect 30 30 55 50 script head body onload draw canvas id canvas width.. var ctx canvas.getContext 2d ctx.fillStyle rgb 200 0 0 ctx.fillRect 10 10 55 50 ctx.fillStyle rgba 0 0 200 0.5 ctx.fillRect 30 30..
Implementing Layers in HTML5 Canvas http://stackoverflow.com/questions/4422907/implementing-layers-in-html5-canvas order 0 function drawLayer1 ctx.fillStyle rgb 200 0 0 ctx.fillRect 10 10 55 50 function drawLayer2 ctx.fillStyle rgba 0 0 200.. 50 function drawLayer2 ctx.fillStyle rgba 0 0 200 0.5 ctx.fillRect 30 30 55 50 function draw ctx.clearRect 0 0 256 256 if order..
capturing html5 canvas output as video or swf or png sequence? http://stackoverflow.com/questions/4781602/capturing-html5-canvas-output-as-video-or-swf-or-png-sequence 2d if ctx var img new Image ctx.fillStyle rgba 255 0 0 0.5 ctx.fillRect 0 0 300 300 ctx.fill img.onload function ctx.drawImage img 0..
How to set mousemove update speed? http://stackoverflow.com/questions/5258424/how-to-set-mousemove-update-speed speed of the mousemove faster #xx .mousemove function e ctx.fillRect e.pageX size e.pageY size size size #pagex .html e.pageX size..
How to draw a blurry circle on HTML5 canvas? http://stackoverflow.com/questions/5475755/how-to-draw-a-blurry-circle-on-html5-canvas 1 'rgba 228 0 0 0 ' draw shape ctx.fillStyle radgrad ctx.fillRect 0 0 150 150 Example http jsfiddle.net r8Kqy 48 share improve..
how to save canvas data to file http://stackoverflow.com/questions/5867534/how-to-save-canvas-data-to-file x y ctx.fillStyle '#000000' else ctx.fillStyle '#8888aa' ctx.fillRect x y 10 10 console.log '#foo' 0 .toDataURL script Nodejs snippet..
http://stackoverflow.com/questions/6964144/dynamically-generated-favicon function ctx.drawImage img 0 0 ctx.fillStyle #F00 ctx.fillRect 10 7 6 8 ctx.fillStyle '#FFFFFF' ctx.font 'bold 10px sans serif'.. function ctx.drawImage img 0 0 ctx.fillStyle #F00 ctx.fillRect 10 7 6 8 ctx.fillStyle '#FFFFFF' ctx.font 'bold 10px sans serif'..
Canvas - Fill a rectangle in all areas that are fully transparent http://stackoverflow.com/questions/7909865/canvas-fill-a-rectangle-in-all-areas-that-are-fully-transparent ctx.fillStyle amb ctx.globalCompositeOperation 'xor' ctx.fillRect 0 0 500 500 That will leave you with the opposite image except..
|