Canvas教程 Posted by admin 2016.10.27 views: 4258 评论:0
HTML5Canvas元素允许我们在HTML5页面中的canvas区域自由的绘制图形。让我们先来体验一下HTML5Canvas。点击“绘制”按钮,它将会在下面的canvas区域绘制一些图形。你的浏...
SVG教程 Posted by admin 2016.10.26 views: 6727 评论:0
我们可以使用SVG的<text>元素来在SVG图像上绘制文字。下面是一个简单的例子:<svgxmlns="http://www.w3.org/2000/svg"...
Javascript教程 Posted by admin 2016.09.30 views: 4484 评论:0
JavaScript是一种基于对象的语言,它通过操纵对象来完成各种任务。在浏览器的使用者看来,浏览器是一个显示文档的窗口,但是,在我们编写JavaScript程序的时候,则认为浏览器是一组相互关联的对...
Javascript教程 Posted by admin 2016.09.29 views: 4418 评论:0
由于基于原型链实现继承的方式存在一些缺点,所以人们采用了另外一种方式来实现继承——基于函数伪造的方式实现继承。这个技术的思想是在子类构造函数的内部调用父类的构造函数。基于函数伪造的方式实现继承的实现方...
SVG教程 Posted by admin 2016.09.29 views: 4460 评论:0
上一篇文章中我们介绍了如何绘制SVG文本,那么如何绘制多行文本呢?SVG的<tspan>元素用于绘制SVG多行文本。我们不必每行文本都使用绝对定位来排列制作多行文本,使用<tspa...
SVG教程 Posted by admin 2016.09.29 views: 3898 评论:0
.svg-demo{width:100%;height:150px;}SVG直线SVG连接标记(markers)用于标记一条线或路径的开始、中间个结束位置。你可以在路径的开始处使用圆形或方形...
Canvas教程 Posted by admin 2016.09.28 views: 5538 评论:0
要在HTML5canvas中绘制图像动画效果,你需要绘制出每一帧的图像,然后在一个极短的时间内从一帧过渡到下一帧,形成动画效果。这其实是一种视觉欺骗,原理就像播放电影一样,胶片上每一格是一帧图片,然...
Canvas教程 Posted by admin 2016.09.28 views: 5269 评论:0
绘制阴影我们可以在HTML5canvas上绘制出图形或文字的阴影效果。canvas的阴影效果非常简单,通过一些简单的设置,就可以自动在图片或文字下面生成相应的阴影。下面是一个简单的例子:你的浏览器不...
Javascript教程 Posted by admin 2016.09.28 views: 4717 评论:0
文本节点由Text类型来表示,它包含的是可以照字面解释的纯文本内容。纯文本中可以包含转义的HTML字符,但不能包含HTML代码。Text节点具有以下特征:nodeType的值为3。nodeName的值...
Canvas教程 Posted by admin 2016.09.27 views: 5177 评论:0
你可以对任何在HTML5canvas中绘制的图形应用转换效果。下面是可以使用的转换列表:移动旋转缩放移动我们可以将绘制在canvas上的任何图形进行移动操作。移动意味着要重新定位绘制的图形。下面是一...