HTML5中最让人兴奋的特性是canvas—那个用来作画的东东。在你的页面中刺进canvas就像刺进其他符号一样平常,但你将需求一些编程的经历来制作形状、图表、动画、游戏、图片作品等。
兼容性
在除IE外的所有现代浏览器(Firefox3,Safari3.1,Chrome2,andOpera9.6)都支撑Canvas。你可以运用ExplorerCanvas这个Javascript解决方案来为IE添加这个新特性。
canvas标签仅仅图形容器,您必须运用脚原本制作图形。
canvas的前史
这个HTML元素是为了客户端矢量图形而规划的。它自己没有行为,但却把一个绘图API展现给客户端JavaScript以使脚本可以把想制作的东西都制作到一块画布上。
canvas符号由Apple在Safari1.3Web浏览器中引入。对HTML的这一底子扩展的原因在于,HTML在Safari中的绘图能力也为MacOSX桌面的Dashboard组件所运用,并且Apple期望有一种方式在Dashboard中支撑脚本化的图形。
Firefox1.5和Opera9都跟从了Safari的引领。这两个浏览器都支撑canvas符号。
我们甚至可以在IE中运用canvas符号,并在IE的VML支撑的基础上用开源的JavaScript代码(由Google发起)来构建兼容性的画布。
canvas的标准化的努力由一个Web浏览器厂商的非正式协会在推进,现在canvas已经成为HTML5草案中一个正式的标签。
canvas符号和SVG以及VML之间的差异
canvas符号和SVG以及VML之间的一个重要的不同是,canvas有一个根据JavaScript的绘图API,而SVG和VML运用一个XML文档来描绘绘图。
这两种方式在功能上是等同的,任何一种都可以用另一种来模拟。从表面上看,它们很不相同,可是,每一种都有强项和缺点。例如,SVG绘图很容易修改,只要从其描绘中移除元素就行。
要从同一图形的一个canvas符号中移除元素,往往需求擦掉绘图重新制作它。
运用canvas符号制作简略图形
大多数Canvas绘图API都没有界说在canvas元素本身上,而是界说在通过画布的getContext()方法获得的一个“绘图环境”目标上。
CanvasAPI也运用了途径的表示法。可是,途径由一系列的方法调用来界说,而不是描绘为字母和数字的字符串,比方调用beginPath()和arc()方法。
一旦界说了途径,其他的方法,如fill(),都是对此途径操作。绘图环境的各种特点,比方fillStyle,说明晰这些操作如何运用。
html5简单网页设计作品
网站风格有很多,有全屏、FLASH、扁平化等等,每种风格各有特色,今日咱们首要展示一些以精约为主的网页规划著作,简略不难,但当你把简略的东西做到极致,哪就有难度了,咱们称这个为极简主义风格,好吧,看看下面这些著作,希望你也能规划一个”精约而不简略”的优异网页规划出来。
或者你喜欢这些网站著作
DerekBoateng
LOGO直接以简略的图形来展示,BANNER直接一个“HI”句子,简略而又有影响力,粉红色为视觉焦点。
PollyStanton
Only2Designers.com
CarlesPalacioPhotography
AmyWoodside
Intersection
Mixd
AlistairLane
Hofstede
TheClocksmiths
Eone
DicksonFong
MoreAir
JustinAguilar
Sociates
CedricVella
RefryedDesign
Enso
Find&Form
Strategik
Shadow
ColeTownsend
Grotesk
TheIssland
MichieldeGraaf
DanEdwards
HoverStudio
A?RKCollective
Funkhaus
Welkome
推荐:查看最受欢迎的301个规划网站→http://hao.shejidaren.com
交流:为规划新人供给的规划交流群,请参加UI规划交流群,分享经历、接单、求职、聊规划。