不管怎么说,我使用windows平台已近10年了,顺手了,所以,很期望微软也给力点,这不,最期望的IE9终于出来了!您还在用IE6吗,我真的对你无语了。
使用 Internet Explorer 9 的九大理由
Internet Explorer 9 可为 Windows 提供最佳网络体验。 下面是您应立即下载该版本的几大理由。
全面提速 — 硬件加速的文本、视频和图形可提高性能,使网站可像安装在电脑上的程序一样执行。
不管怎么说,我使用windows平台已近10年了,顺手了,所以,很期望微软也给力点,这不,最期望的IE9终于出来了!您还在用IE6吗,我真的对你无语了。
Internet Explorer 9 可为 Windows 提供最佳网络体验。 下面是您应立即下载该版本的几大理由。
全面提速 — 硬件加速的文本、视频和图形可提高性能,使网站可像安装在电脑上的程序一样执行。

HTML5的canvas对象,我在前面已经介绍了很多了,不熟悉的童鞋们可以翻翻以前的文档看看,对于HTML5最重要的对象,其复杂程度也是不可避免的不断加大,为了方便的使用这以对象,老外们可谓不为余力的缔造一个有一个新的使用库,这不,EaseJS又是一款支持Canvas的Javascript,虽然正在开发中,但其能力不可小觑。感兴趣的您赶快到http://easeljs.com/去看看吧。这是0.1版本的源代码下载。
本站站长亲自出马,Canvas 2D API 规范 1.0 中文版闪亮登场,相信是您学习HTML5的canvas元素api的首选教材,里面有丰富的例子,并且均在IE9下成功测试。希望大家多多支持本站。
下面是目录:
摘要 2
1 介绍 2
1.1 术语: 2
2 CANVAS接口元素定义 3
2.1 GETCONTEXT()方法 3
2.2 TODATAURL()方法 3
3 二维绘图上下文 4
3.1 CANVAS的状态 7
3.2 转换(TRANSFORMATIONS) 8
3.3 合成(COMPOSITING) 10
3.4 颜色和风格 12
3.5 线风格 16
3.6 阴影(SHADOWS) 18
3.7 简单形状(矩形) 18
3.8 复杂形状(路径-PATHS) 19
3.8.1 路径起始函数 19
3.8.2 绘制函数 19
3.8.3 辅助方法—点是否在路径里 22
3.8.4 MOVETO方法 22
3.8.5 LINETO方法 22
3.8.6 RECT方法 22
3.8.7 圆弧 23
3.8.8 最短圆弧 24
3.8.9 二次方、三次方贝塞尔曲线 24
3.9 文字 25
3.10 绘制图片 26
3.11 像素级操作 27
3.11.1 CreateIMAGEDATA方法 28
3.11.2 GETIMAGEDATA方法 28
3.11.3 PUTIMAGEDATA方法 28
3.11.4 演示例子 28
3.12 绘图模型【此段翻译不怎么样,可以参看原英文】 29
4 参考资料 29
下载文件: 20101026184905_HTML5-Canvas【请注册免费会员后下载】
在这一章里,我们将会探讨 canvas 全部的可选项,来绘制出更加吸引人的内容。
色彩
到目前为止,我们只看到过绘制内容的方法。如果我们想要给图形上色,有两个重要的属性可以做到:fillStyle 和 strokeStyle。
fillStyle = color
strokeStyle = color
strokeStyle 是用于设置图形轮廓的颜色,而 fillStyle 用于设置填充颜色。color 可以是表示 CSS 颜色值的字符串,渐变对象或者图案对象。我们迟些再回头探讨渐变和图案对象。默认情况下,线条和填充颜色都是黑色(CSS 颜色值 #000000)。
您输入的应该是符合 CSS3 颜色值标准 的有效字符串。下面的例子都表示同一种颜色。
贝塞尔和二次方曲线
接下来要介绍的路径是 贝塞尔曲线 ,它可以是二次和三次方的形式,一般用于绘制复杂而有规律的形状。
quadraticCurveTo(cp1x, cp1y, x, y) // BROKEN in Firefox 1.5 (see work around below)
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
网格
在真正开始之前,我们需要先探讨 canvas 的网格(grid)或者坐标空间(coordinate space)。在前一页的HTML模板里有一个150像素宽, 150像素高的 canvas 对象。我在画面上叠加上默认网格,如右图。通常网格的1个单元对应 canvas 上的1个像素。网格的原点是定位在左上角(坐标(0,0))。画面里的所有物体的位置都是相对这个原点。这样,左上角的蓝色方块的位置就是距左边x像素和距上边Y像素(坐标(x, y))。后面的教程中我们将学会如何把移动原点,旋转以及缩放网格。不过现在我们会使用默认的状态。
是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些的应用示例,我们将会在此教程中看到他们的实现。
最先在苹果公司(Apple)的Mac OS X Dashboard上被引入,而后被应用于Safari。基于Gecko1.8的浏览器,例如Firefox 1.5,也支持这个新元素。元素是WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。
在本教程中,我将试着讲述如何在你自己的网页中使用元素。提供的示例应该会给你些清晰概念,即用
用元素并不难,只要你具有HTML和 JavaScript的基础知识。
如上所述,并不是所有现代浏览器都支持元素,所以你需要 Firefox 1.5或更新版本、或者其他基于Gecko的浏览器例如Opera 9、或者最近版本的Safari才能看到所有示例的动作。
]]>
最进正在翻译Canvas api 规范,已经翻译一半了,有需要的人先来报个到,留下邮箱,到时候先发给你们。
HTML5中最有魅力的标签当属canvas了,而本元素只能在JS中被调用,为了深入掌握canvas的对象的使用,没有一个API规范那是不可能的事情,当然w3c早已经出了1.0版本的说明书。
为了帮助英文不好的朋友更快的掌握canvas的用法,我特别对此规范做了翻译,并且提供了丰富的测试例程,相信是您学习canvas的入门导师。
顺便说下,所有例子都在 IE9 下测试 OK的。
翻译已经完成,请在处下载:http://codeex.cn/blog/article.asp?id=133
]]>