-
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 Canvas画图教程(7)—canvas里画曲线之quad
继续讲canvas中画曲线的方法，今天讲 quadraticCurveTo 。 说实话这个方法有点吓人，单从函数名称上都可以初体验。话说，我觉得有必要把这个函数名缩短。 quadratic的意思是二次，即数学中 二次元方程 那个二次。而ctx.quadraticCurveTo的参数如下： ctx.qua...
2015-09-07 14:04 -
android自定义控件canvas画图问题
android自定义控件canvas画图问题我是在activity里面对控件所在的relativelayout进行了scrollBy，这样就会出现绘制不出屏幕外的那部分，是因为控件限制了大小么...
2015-09-07 14:03
排行榜- html5 Canvas画图教程24：测量文字
- html5 canvas 使用示例
- personalbusinessmodelcanvas.it在
- suyanxinsheng的课程
- Android实战简易教程第六十九枪（
- Melborne さんの華麗な技巧を鑑賞
- html5 canvas简单的直线路径
- Canvas + JS 实现简易的时钟
- asp加法验证码的方法
编辑推荐
关注我们
