kongjunchao159的博客

*{margin:0; padding:0;}body{width:100%; height:100%; overflow:hidden;}#canvas{background:url(./images/img_01.gif) no-repeat center center; background-size:100% 100%;}    您的浏览器不支持canvas

例子：    您的浏览器不支持canvas    var canvas = document.getElementById("canvas");    var context = canvas.getContext("2d");    var image = new Image();    var slider = d

注意：context.getImageData()需要放在服务器环境下才能运行有效果，否则会提示："Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data."错误，是因为我们在c

var context = document.getElementsByTagName('canvas')[0].getContext('2d');var lastX = context.canvas.width*Math.random();var lastY = context.canvas.height*Math.random();var hue = 0;//绘制线条f

您的浏览器不支持canvas，建议使用最新版的Chromevar c = document.getElementById("myCanvas");var ctx = c.getContext("2d"); ctx.arc( 80, 80, 40, 0, 2*Math.PI);ctx.fillStyle = "#4DA6FF";ctx.fill();ctx.fil

#canvas{background-color:#F0F0F0;}你的浏览器不支持canvas网格var canvas = document.getElementById('canvas'),    context = canvas.getContext('2d');    guid = document.getElementById('guid');  

*{margin:0; padding:0;}body{width:100%; height:100%;}#canvas{background-color:#CCC;}你的浏览器不支持canvasvar canvas = document.getElementById('canvas');var context = canvas.getContext('2d')

在canvas中，可以使用clip()函数裁剪区域，设定裁剪区域后，只有在区域内的图像才能显示，其余部分会被屏蔽掉未使用裁剪绘制一个圆 *{margin:0; padding:0;} html, body{width:100%; height:100%; overflow:hidden; background-color:#AFAFAF;} va