搜索列表
-
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
【html5】Canvas里绘制椭圆是一个很常见的需求，但是目前大多数浏览器还没有实现该方法，因此经常会使用arc或者arcTo方法结合scale变形来绘制椭圆，感兴趣的朋友可以了解下，希望可以帮助到你们
canvas椭圆线条粗细 -
网页图片优化工具及使用技巧分享
【心得技巧】图片作为网页的基本元素是影响页面加载速度的关键因素之一,和图片相关的技术也有很多CSS Sprites（图片合并）、延迟加载、图片渐进增强等等,本文分享网页图片优化的实用工具和技巧
图片优化优化工具 -
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
【html5】到目前为止，SVG与Canvas的主要特性均已经总结完毕了,现在，我们就来比对一下这两种技术，分析一下它们的长处和适用场景,感兴趣的朋友可以了解下哦，或许对你有所帮助
SVG2Dcanvas -
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
【html5】可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下，或许对你的html5 SVG 2D知识增长有所帮助
SVG2D -
利用html5 canvas破解简单验证码及getImageData接口应用
【html5】：HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值，r,g,b是红绿蓝三色，a是透明度;观察了一下，接下来说下思路及实现代码，感兴趣的你可不哟啊走开啊
canvasgetImageData验证码 -
HTML5中Canvas与SVG的画图原理比较
【html5】canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以了解下
CanvasSVG画图 -
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
【html5】canvas中根本没有画椭圆的方法，我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆，使用arc画圆，然后把他缩放成一个椭圆，使用贝赛尔曲线bezie
canvas画椭圆形arc -
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
【html5】上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴趣的朋友可以了解下
canvas圆角矩形模拟 -
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
【html5】本文讲一下在canvas中画出矩形和圆形的办法，他们属于基础图形。当然，基础图形本来不止他们，但在canvas中，只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下
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
