点击屏幕修改背景色~~~

跟着慕课网上的老师学“使用canvas玩转红包”时，觉得老师讲的filter特效听酷的，就跟着老师的例子琢磨了一下，这里做个记录。grayscale：灰度，取值范围0-1，默认值1 sepia：褐色，取值范围0-1，默认值1 saturate：饱和度，默认

昨天在慕课网学着用canvas绘制时钟（去看看），避免以后忘记就在这里做个记录。先上个效果图吧：这张图是静态的，实际上它是一个动态的时钟， 像平常看到的时钟一样，会一格一格走。一个圆总共是360度，一个表盘有12个小时也就是将360度平分为12分，那么每一

在现实世界中，我们使用画笔在画板上进行绘画；众所周知，我们的画笔一般都会与橡皮擦配套使用，以便于纠正绘画过程中的错误并重新绘画。下面，我们来看一个实际的例子。我们先绘制一个半径为50px的实心圆，然后使用橡皮擦clearRect()对其中的局部区域进行擦除

今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。这是我

frame = Frame.grid#使用时将框架根据情况选择新的位置。使用时直接调用函数change_schedule. 下面就模拟一下....实现的甚是粗糙......

花费大量时间（两周！！！！）制作了一款web端画图工具，可自由涂鸦、裁剪并移动裁剪区域位置、输入文字，包括橡皮擦、箭头工具、动作撤销/重做、保存，并通过websocket实现了画板内容同步，代码已分享，希望大家指正，同进步。

-- 推荐开源CDN来选取需引用的外部JS //-->. var dx = arr[i].x - w / 2;var dy = arr[i].y - h / 2;$.fillStyle = 'hsla(' + i / 105* (u) + ', 95

context.translate; //x轴和y轴移动距离，这里上线文分别移动100个像素使用translate方法，可以有效的控制context的起始点位置，因为context位置变化，导致绘制图形位置也变化，因此可以方便的在合适位置绘制图形。-- 添

-- 添加canvas标签，并加上红色边框以便于在页面上查看 -->. <canvas id="myCanvas" width="400px" height="300px" style

HTML5中canvas元素除了绘制线性渐变以外，还可以绘制径向渐变。径向渐变是指沿着圆形的半径方向向外进行扩散的渐变方式。上面的实例中，分别指定了两个圆的大小和位置。从第一个圆的圆心处像外进行扩散渐变，一直扩散到第二个圆的外轮廓出。在设定颜色时，与线性渐