大约有 323 项符合查询结果。（搜索耗时：0.0049秒）

html5 Canvas画图教程(9)—canvas中画出矩形和圆形

本文讲一下在canvas中画出矩形和圆形的办法，他们属于基础图形。当然，基础图形本来不止他们，但在canvas中，只有画矩形与圆形不需要用其他方法模拟,感兴趣的朋友可以了解下

2013-04-22 18:48:45

HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述

可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下，或许对你的html5 SVG 2D知识增长有所帮助

2013-04-22 18:47:25

HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用

SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了，在这里就不多说了，感兴趣的朋友可以了解下，或许本文对你的了解SVG的图形绘制有所帮助

2013-04-22 18:45:16

html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形

上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴趣的朋友可以了解下

2013-04-22 18:43:56

HTML5之SVG 2D入门3—文本与图像及渲染文本介绍

SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件,尽管SVG的文本渲染如此强大，但是还是有一个不足之处：SVG不能执行自动换行,接下来介绍SVG中渲染文本,感兴趣的朋友可以了解下，或许有所帮助

2013-04-22 18:41:54

html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形

canvas中根本没有画椭圆的方法，我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆，使用arc画圆，然后把他缩放成一个椭圆，使用贝赛尔曲线bezie

2013-04-22 18:40:37

html5 svg 中元素点击事件添加方法

最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，接下来详细介绍添加方法，感兴趣的朋友可以了解下

2013-04-22 18:38:34

HTML5之SVG 2D入门5—颜色的表示及定义方式

SVG和canvas中是一样的，都是使用标准的HTML/CSS中的颜色表示方法，这些颜色都可以用于fill和stroke属性,接下来介绍下颜色的表示及定义方式感兴趣的朋友可以了解下，或许对你有所帮助

2013-04-22 18:37:12

HTML5中Canvas与SVG的画图原理比较

canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以了解下

2013-04-22 18:35:04

HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述

SVG存在两套坐标系统：视窗坐标系与用户坐标系。默认情况下，用户坐标系与视窗坐标系的点是一一对应的，记下来介绍下坐标与变换,感兴趣的朋友可以了解下啊，或许对你有所帮助

2013-04-22 18:33:45

Html5游戏开发之乒乓Ping Pong游戏示例(一)

它是一款乒乓游戏，有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用Jquery JavaScript库做基本定位 4.获取键盘输入

2013-04-22 18:31:44

HTML5之SVG 2D入门7—SVG元素的重用与引用

前面介绍了很多的图形元素，如果很多图形本身是一样的，需要每次都去定义一个新的么？我们可以重用一些图形吗？这就是本节讲的重点：SVG元素的重用，感兴趣的朋友可以了解下，或许对你有所帮助

2013-04-22 18:30:29