投稿赚佣金 
升级SVIP
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
本文讲一下在canvas中画出矩形和圆形的办法，他们属于基础图形。当然，基础图形本来不止他们，但在canvas中，只有画矩形与圆形不需要用其他方法模拟。 canvas画矩形 1，fillRect与strokeRect fillRect可以直
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来。 一个正常的圆角矩形，我们先假设他四个角的圆角弧度一致——因为这样比较好画。我们动用把面拆成
IE9下html5初试小刀
mvc是个好东西，为什么一入行的时候不去学一下，非要等到asp.net mvc出来了才去学；orm是个好东西，干嘛非要等到EF出来了才去学；html5是个好东西，干嘛非要等到IE9出来了才去学？ ——我想自己应该改掉
html5 canvas 使用示例
代码如下: HTML5示例 #container{borde
html5时钟实现代码
代码如下: canvas{position:absolute;top:0px;left:0p
HTML5边玩边学（3）像素和颜色
一、理解颜色我们在电脑屏幕上可以看到色彩斑斓的图像，其实这些图像都是由一个个像素点组成的。那么像素是什么？颜色又是什么呢？（如果您提出这两个问题，您一定是个热爱思考的人）一个像素其实对应着内存中的一组连续的二进制位，由于是二进制位，每个位上
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
位图与矢量图 以前，浏览器中显示的图形，例如jpeg、gif等，都是位图，这些图像格式是基于光栅的。在光栅图像中，图像文件定义了图像中每个像素的颜色值。浏览器需要读取这些值并做出相应行动。这种图像的再现能力比较强，但是在某些情形下会显得不足
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
基本形状SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了。废话不说了，直接看例子，这个最直接：复制代码代码如下:
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
SVG中渲染文本SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度，而无须求助图像或其它插件。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。尽管SVG的文本渲染如此强大，但是还是有一个不足之处：SV
HTML5之SVG 2D入门5—颜色的表示及定义方式
SVG和canvas中是一样的，都是使用标准的HTML/CSS中的颜色表示方法，这些颜色都可以用于fill和stroke属性。基本有下面这些定义颜色的方式：1. 颜色名字： 直接使用颜色名字red, blue, black2. rgba/r
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
坐标系统SVG存在两套坐标系统：视窗坐标系与用户坐标系。默认情况下，用户坐标系与视窗坐标系的点是一一对应的，都为原点在视窗的左上角，x轴水平向右，y轴竖直向下；如下图所示：SVG的视窗位置一般是由CSS指定，尺寸由SVG元素的属性width
HTML5之SVG 2D入门7—SVG元素的重用与引用
前面介绍了很多的图形元素，如果很多图形本身是一样的，需要每次都去定义一个新的么？我们能否共用一些图形呢？这是这节的重点-SVG元素的重用。 组合-g元素 g元素是一种容器，它组合一组相关的图形元素成为一个整体；这样，我们就可以对这个整体进行
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆
在canvas中可以很方便的用arc方法画出圆形，本来圆形也可以看作是一个宽高相等的椭圆，但canvas中根本没有画椭圆的方法，我们要用其他方法来模拟。 我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，
html5 svg 中元素点击事件添加方法
最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，他们之间详细的区别如下： Canvas 与 SVG 的比较（详见） 下表列出了 canvas 与 SVG 之间的一些不同之处。 Canv
HTML5中Canvas与SVG的画图原理比较
canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的，意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。 在SV
Html5游戏开发之乒乓Ping Pong游戏示例(一)
在这一章节我们将：准备开发工具建立我们的第一个游戏-Ping Pong学习使用Jquery JavaScript库做基本定位获取键盘输入Creating the Ping Pong game with scoring下面的游戏截图就是我们本
Html5游戏开发之乒乓Ping Pong游戏示例(二)
Headerandfooter Html5引进了许多新的特性和改进，其中一项就是语义。Html5增加了新的元素来加强语义。我们现在只使用2个，header和footer。标签定义文档的页眉（介绍信息），标签定
Html5游戏开发之乒乓Ping Pong游戏示例(三)
jQuery 介绍 【这部分就不翻了，网上有很多的。如果有不懂的部分找度娘】 用jQuery操作游戏元素 我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素的实验。 动起来-使用jQuery修改元素的位置 让
利用HTML5中Geolocation获取地理位置调用Google Map API在Google
本小菜刚开始学习HTML5，现在对其中的Geolocation颇感兴趣，结合Google Map的API实现基本的地图定位功能。 1.获取当前地理位置 调用方法 void getCurrentPosition(onSuccess, onEr
利用html5 canvas破解简单验证码及getImageData接口应用
敝校的教务管理系统（貌似不止我们学校用呢），一到选课时间服务器各种崩不解释，有时为了选个课就要反复输入验证码，一想到千千万万的大学生把时间浪费在输入验证码上面，我就觉得，我有义务拯救一下人类。 搜了一下，看到这篇文章，3年前的文章了。我参考
