搜索列表
-
使用HTML5做个画图板的方法介绍
【html5】做画图板，自然使用html5的canvas来实现了。在canvas中我们可以画圆，画矩形，画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应
HTML5画图板 -
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
【html5】HTML5新增了一个元素canvas，用于绘图使用，其实它的表现和div比较接近（其实他应该属于inline-block），而提供了许多接口，从而轻易的绘制矩形框、园三角形等
HTML5绘制图像canvas -
程序设计HTML5 Canvas API
【html5】本文小编为大家介绍关于程序设计程序设计HTML5 Canvas API ，有需求的朋友可以参考一下。
HTML5CanvasAPI -
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
【html5】canvas中根本没有画椭圆的方法，我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆，使用arc画圆，然后把他缩放成一个椭圆，使用贝赛尔曲线bezie
canvas画椭圆形arc -
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
【html5】上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴趣的朋友可以了解下
canvas圆角矩形模拟 -
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
【html5】arc,arcTo以及quadraticCurveTo.他们都有一个共同点，就是他们画的曲线都只能偏向一边,今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点，即可以画出S形的曲线了,感兴趣的朋友可以了解下哦
Canvas画曲线 -
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
【html5】今天讲quadraticCurveTo方法画曲线，quadratic的意思是二次，即数学中二次元方程那个二次，接下来详细介绍quadraticCurveTo方法的使用，感兴趣的朋友可以了解下哦
Canvas画曲线quadraticCurveTo -
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
【html5】arc与arcTo，从名字都能看出来相似。arcTo也是画曲线的方法，而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~,感兴趣的朋友可以了解下哦，接下来详细介绍arcTo方法的应用
Canvas画曲线arcTo -
在html5的Canvas上绘制椭圆的几种方法总结
【html5】HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同，感兴趣的朋友可以参考下
Canvas绘制椭圆 -
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
【html5】在canvas中当在canvas上写width和height时为canvas的实际画板大小，默认情况下width为300px，height为150px,接下来详细介绍，感兴趣的朋友可以参考下
canvas画板尺寸显示尺寸 -
html5之Canvas路径绘图、坐标变换应用实例
【html5】本文写一个html5的时钟应用程序试手主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及html5 Canvas的路径绘图，beginPath，closePath，rect，arc等多的也不说了，直接上代码有需要的朋友可以参考下
Canvas路径绘图坐标变换 -
html5-Canvas可以在web中绘制各种图形
【html5】在html5中我觉得最重要的就是引入了Canvas，使得我们可以在web中绘制各种图形,而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点，我们必须以js操作绘图
Canvas绘图
