![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 75
humarzhu
这个作者很懒,什么都没留下…
展开
-
HTML5 canvas drawing board demo
Canvas Drawing Board Yellow Red Blue Green White 4 pixs 8 pixs 12 pixs Clear var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var offsetX转载 2014-12-23 12:28:46 · 627 阅读 · 0 评论 -
html5 canvas 图片打马赛克 demo
Canvas Mosaic #pic{ display:none; } The size of the original pic need to be 360 pixs. canvas 标签 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); va原创 2014-12-23 14:11:22 · 1508 阅读 · 0 评论 -
canvas 记录绘画对象实现交互能力 简单碰撞检测
Interactive Canvas demo #myCanvas{border: 1px solid;} Interactive Canvas demo from "The missing manual HTML5" --Matthew MacDonald add circle draw circles randomly in c转载 2014-12-24 17:52:54 · 868 阅读 · 0 评论 -
canvas替换image插件
/* * jQuery.imgToCanvas v0.1 * Replace a image by a canvas. * * * Usage: * $('#myImage').imgToCanvas(); var $canvas=document.getElementById("myImage"); var $ctx=$canvas.getContext("2d"); * Auth原创 2014-12-31 16:23:06 · 951 阅读 · 0 评论