摘要: SVG是基于XML的图形语言,在DOM解析中其每个元素都是可以用的,这样就可以为SCG元素附加JavaScript事件处理器,实现更加丰富的效果。 在SVG中,每个被绘制的图形均被视为对象,如果SVG对象的属性发生变化,那么浏览器能够自动重现图形。 Canvas通过JavaScript来绘制二维图形 阅读全文
posted @ 2017-01-04 22:23 sunli0205 阅读(228) 评论(0) 推荐(0) 编辑
摘要: HTML5中的SVG是Scalable Vector Graphic的简称,是一种用来绘制矢量图的HTML5标签,由万维网联盟定制,是一个基于可扩展标记语言,用于绘制二维可缩放矢量图形。 是一种使用XML描述二维图形的语音,允许三种类型的图形对象:矢量图形、图像和文本。 1.绘制一个圆 2.绘制简单 阅读全文
posted @ 2017-01-04 22:12 sunli0205 阅读(875) 评论(0) 推荐(1) 编辑
摘要: ①首先在HTML的body标签中添加一个canvas标签,用于绘制时钟。 ②在JavaScript中通过getElementById函数得到Canvas对象,并创建画笔。 ③定义三个变量,slen表示秒针,mlen表示分钟,hlen表示时针,并分别赋值。 ④开始绘制图形,设置填充色,以坐标点(200 阅读全文
posted @ 2017-01-04 09:56 sunli0205 阅读(328) 评论(0) 推荐(0) 编辑