nbin2008的博客

var mycanvas = document.getElementById("mycanvas"); var ctx = mycanvas.getContext("2d"); var gradient = ctx.createRadialGradient(300,300,10,100,100,50); gradient.addColorStop(0,"rgb(0,0,0)"); gr

canvas鼠标点击散播图片

canvas绘制时钟

效果预览在线效果代码： var mycanvas = document.getElementById("mycanvas"); var mycanvas2 = document.getElementById("mycanvas2"); var bg = "bg.png" var c = n

http://www.hui12.com/nbin/canvas/c1.html 图片色彩反转-灰度 灰度 反转 var c1 = document.getElementById('c1'); var c2 = document.getElementById('c2'); var ctx1 = c1.getContext('2

http://www.hui12.com/nbin/canvas/c3.html可以给图片打马赛克，初级处理。 马赛克 *{margin: 0; padding: 0;} .box{width: 0; height: 0; overflow: hidden; position: relative;} .cur{width: 10px; height:

http://www.hui12.com/nbin/canvas/c2.html 马赛克原理 var mycanvas = document.getElementById('mycanvas'); var ctx = mycanvas.getContext('2d'); var imageData = ctx.cre