潮鳴りZero

摘要： Canvas是一个功能相当强大的画布，任由你去书写，当然，他也支持了图像处理的功能。drawImage（image，Dx，Dy）；//用于显示，有时会超出drawImage（image，Dx，Dy，Dw，Dh）；//用于缩放drawImage（image，Sx，Sy，Sw，Sh，Dx，Dy，Dw，S... 阅读全文

摘要： 有些人使用CSS做阴影效果，但是在HTML5中，canvas工具提供了一个相当不错的阴影效果方法，这可以使我们能够实现一个相当不错的阴影效果。 Canvas 使用了四个方法，实现了Canvas中的阴影效果，shadowOffset是横向、纵向偏移量，shadowBlur是... 阅读全文

摘要： 昨天写的博客中，写到了HTML5中使用Canvas画圆的方法，昨晚试了一下画一个笑脸，其实挺简单的，就是两个实心圆做眼睛，一个半圆弧做嘴，这个简单的笑脸就完成了，但是在做嘴的时候开始出现了问题： Canvas 这几天正在看一本书——陶国荣的《HTML5实战》，这本书里的一... 阅读全文

摘要： 有些人有些不解，为什么Canvas的坐标是从左上角开始的，而且向下是Y的正方向，向右是X的正方向？其实我也很不理解~~为什么就不能给我们更多的自定义功能呢？下面我改写了一段Canvas画布调整的代码，包含了Canvas画布的移动、缩放和旋转等相关功能 移动 缩放 旋... 阅读全文

摘要： 4 这里需要说明的是createRadialGradient方法，参数有（Xstart,Ystart,radiusStart,XEnd,YEnd,radiusEnd），也就是说，它在实行渐变时，使用了两个圆，一个是原始的圆... 阅读全文

摘要： 4 这里不解释了，和上边的例子相同，lineWidth是控制线条的宽度的。 阅读全文

摘要： 圆形的用途很广，当然也包含了椭圆。 4 这里的arc方法的用法是 arc(X,Y,Radius,startAngle,endAngle,anticlockwise),意思是（圆心X坐标，圆心Y坐标，半径，开始角度（弧度），结... 阅读全文

摘要： 渐变是填充的一种相当不错的效果，结合实例2和实例3，我们可以创建一个渐变的矩形 4 不解释了，记住fillRect（X,Y,Width,Height）就行了。 阅读全文

摘要： 上例中讲到要绘制一个矩形块，填充了颜色，这个例子只是简单地绘制一个矩形而不实现填充效果。 4 这个很简单，和上例一样，就是将fill替换成了stroke，具体详见上例。 阅读全文

摘要： 这种矩形框如果使用HTML4只能使用后台代码才能生成了，现在HTML5提供的Canvas功能却很容易就能绘制，所以说HTML5的优越性是相当高的。 4 这里使用了一个方法——fillRect（）从字面意思也能知道这个就是填充... 阅读全文