-
Html5 canvas画图教程15：画扇形
画扇形这个事儿，貌似不应该拖到现在讲，因为这明显跟前面几章画圆形，画矩形是一路的，但我拖到现在才讲是有理由的，因为画扇形需要用到我上两章讲的知识。 扇形，就是一个不完整的圆，提到圆，我们就能马上想到用arc方法来画。的确，arc可以画出扇形的弧线...
2015-09-07 14:14 -
Html5 canvas画图教程14：画面的位移translate，
首先说在前头，大家要千万注意标题，是 画面 的位移，缩放和旋转，而 不 是 画布 。画布是指canvas，但画面是指canvas的Context2d对象，他们千万不能混淆。 画面的位移缩放和旋转，即画布不变，而把画布上的那一层画给进行变化。 首先是位移：translate 大家...
2015-09-07 14:13 -
html5 Canvas画图教程13:保存画布状态与还原
在画画的时候我们很可能会有这种情况：本来正在用绿色笔画（比如树叶），突然需要用红色笔画几笔（比如花朵），但画完了之后又要换成绿色笔（继续画叶子）。 如果我们是在现实中作画，那我们可以把笔蘸上不同的墨水，画了之后又蘸上之前的墨水；或者准备几只...
2015-09-07 14:12 -
Html5 Canvas画图教程12：绘制图片drawImage
这里的绘制图片是指把一张现成的图片，绘制到Canvas上面。 有的人可能就有疑问了，既然是现成的图片，那干嘛用canvas来绘制，直接用img标签展现出来不就行了？ canvas上绘制图片，不是用来展示的，canvas功能更强大，比如，把图片画到canvas上，可以像PS中的...
2015-09-07 14:11 -
html5 canvas画图教程11：椭圆形
在canvas中可以很方便的用arc方法画出圆形，本来圆形也可以看作是一个宽高相等的椭圆，但canvas中根本没有画椭圆的方法，我们要用其他方法来模拟。 我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度或者还有旋...
2015-09-07 14:10 -
html5 Canvas画图教程10：圆角矩形
上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来。 一个正常的圆角矩形，我们先假设他四个角的圆角弧度一致因为这样比较好画。我们动用把面拆成线条的能力，很容易就能发现圆角矩形...
2015-09-07 14:09 -
html5 Canvas画图教程(1)—画图的基本常识
虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基...
2015-09-07 14:08 -
html5 Canvas画图教程(9)—canvas中画出矩形和圆
本文讲一下在canvas中画出矩形和圆形的办法，他们属于基础图形。当然，基础图形本来不止他们，但在canvas中，只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋...
2015-09-07 14:07 -
使用 HTML5 canvas 进行 Web 绘图
新的 HTML5 规范旨在帮助开发人员更轻松的编写出各类 Web 应用，以顺应当前 SaaS，云计算以及 RIA 等技术的最新趋势。在 HTML5 得以广泛推广之前，开发人员通常...
2015-09-07 14:06 -
html5 Canvas画图教程(8)—canvas里画曲线之bezi
今天讲的 bezierCurveTo 与他们最大的不同点就是有两个控制点，即可以画出S形的曲线了。 bezierCurveTo，也就是所谓的贝赛尔曲线了，如果你学过某些画图工具，就能马上理解。 bezierCurveTo的语法如下： 1 ctx.bezierCurveTo(x1,y1,x2,y2,x,y); 他的参数我照...
2015-09-07 14:05
排行榜- 小强的HTML5移动开发之路（1）——
- 小强的HTML5移动开发之路（5）—
- HTML5中的FORM2.0
- 小强的HTML5移动开发之路（2）——
- html5 Canvas画图教程24：测量文字
- html5实例解析:开发web app的过程_
- html5 canvas 使用示例
- personalbusinessmodelcanvas.it在
- suyanxinsheng的课程
编辑推荐
关注我们
