搜索列表
-
HTML5之SVG 2D入门7—SVG元素的重用与引用
【html5】前面介绍了很多的图形元素,如果很多图形本身是一样的,需要每次都去定义一个新的么?我们可以重用一些图形吗?这就是本节讲的重点:SVG元素的重用,感兴趣的朋友可以了解下,或许对你有所帮助
SVG2D重用引用 -
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
【html5】SVG存在两套坐标系统:视窗坐标系与用户坐标系。默认情况下,用户坐标系与视窗坐标系的点是一一对应的,记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊,或许对你有所帮助
SVG2D坐标变换 -
HTML5之SVG 2D入门5—颜色的表示及定义方式
【html5】SVG和canvas中是一样的,都是使用标准的HTML/CSS中的颜色表示方法,这些颜色都可以用于fill和stroke属性,接下来介绍下颜色的表示及定义方式感兴趣的朋友可以了解下,或许对你有所帮助
SVG2D颜色表示 -
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
【html5】SVG提供了很多的基本形状,这些元素可以直接使用,这一点比canvas好多了,在这里就不多说了,感兴趣的朋友可以了解下,或许本文对你的了解SVG的图形绘制有所帮助
SVG2D图形绘制 -
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
【html5】可缩放矢量图形(Scalable Vector Graphics,简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下,或许对你的html5 SVG 2D知识增长有所帮助
SVG2D -
HTML5之SVG 2D入门4—笔画与填充
【html5】颜色处理,也就是填充和边框效果;你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中,也可以以CSS的形式保存,这是与canvas不一样的地方
SVG2D笔画填充 -
利用html5 canvas破解简单验证码及getImageData接口应用
【html5】:HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值,r,g,b是红绿蓝三色,a是透明度;观察了一下,接下来说下思路及实现代码,感兴趣的你可不哟啊走开啊
canvasgetImageData验证码 -
html5 svg 中元素点击事件添加方法
【html5】最近在用svg的点击事件做东西,之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件,接下来详细介绍添加方法,感兴趣的朋友可以了解下
svg点击事件 -
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矩形圆形