8大核心要点:我们能用HTML5 Canvas做什么?
2013-05-27 08:37
465 查看
摘要:HTML5的Canvas元素称得上HTML5的核心技术所在。而作为一个依靠JavaScript绘制华丽图像的元素,Canvas究竟能够运用在哪些方面的开发?国外开发者Ohad Eder-Pressman为我们给出了8个精彩的答案。
最近在国外问答网站Quora上,许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活,能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么?3D3R公司创始人兼CEO Ohad
Eder-Pressman的答案十分精彩,我们对其文字进行了翻译和整理,不妨一起来看一看。
图:用Canvas绘制的图形
什么是Canvas?
Canvas元素是HTML5的一部分,允许脚本语言动态渲染位图像。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形。
Ohad Eder-Pressman
我们能用Canvas做些什么?
1. 游戏:毫无疑问,游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web的图像显示方面比Flash更加立体、更加精巧,Ohad认为运用Canvas制作的图像能够令HTML5游戏在流畅度和跨平台方面发挥更大的潜力。
2. 图表制作:图表制作时常被人们忽略,但无论企业内部还是企业间交流合作都离不开图表。现在一些开发者使用HTML/CSS完成图标制作,但Ohad认为大家完全可以用Canvas来实现。当然,使用SVG(可缩放矢量图形)来完成图表制作也是非常好的方法。
3. banner广告:Flash曾经辉煌的时代,智能手机还未曾出现。现在以及未来的智能机时代,HTML5技术能够在banner广告上发挥巨大作用,用Canvas实现动态的广告效果再合适不过。
4. 模拟器:Ohad认为,无论从视觉效果还是核心功能方面来说,模拟器产品可以完全由JavaScript来实现。
5. 远程计算机控制:Canvas可以让开发者更好地实现基于Web的数据传输,构建一个完美的可视化控制界面。
6. 字体设计:对于字体的自定义渲染将完全可以基于Web,使用HTML5技术进行实现。
7. 图形编辑器:Ohad预测,图形编辑器将能够100%基于Web实现。
8. 其他可嵌入网站的内容:类似图表、音频、视频,还有许多元素能够更好地与Web融合,并且不需要任何插件。Ohad呼吁大家继续挖掘Canvas的潜力,运用HTML5技术创造更多价值。(文/杨依帆 责编/张宁)
最近在国外问答网站Quora上,许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活,能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么?3D3R公司创始人兼CEO Ohad
Eder-Pressman的答案十分精彩,我们对其文字进行了翻译和整理,不妨一起来看一看。
图:用Canvas绘制的图形
什么是Canvas?
Canvas元素是HTML5的一部分,允许脚本语言动态渲染位图像。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形。
Ohad Eder-Pressman
我们能用Canvas做些什么?
1. 游戏:毫无疑问,游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web的图像显示方面比Flash更加立体、更加精巧,Ohad认为运用Canvas制作的图像能够令HTML5游戏在流畅度和跨平台方面发挥更大的潜力。
2. 图表制作:图表制作时常被人们忽略,但无论企业内部还是企业间交流合作都离不开图表。现在一些开发者使用HTML/CSS完成图标制作,但Ohad认为大家完全可以用Canvas来实现。当然,使用SVG(可缩放矢量图形)来完成图表制作也是非常好的方法。
3. banner广告:Flash曾经辉煌的时代,智能手机还未曾出现。现在以及未来的智能机时代,HTML5技术能够在banner广告上发挥巨大作用,用Canvas实现动态的广告效果再合适不过。
4. 模拟器:Ohad认为,无论从视觉效果还是核心功能方面来说,模拟器产品可以完全由JavaScript来实现。
5. 远程计算机控制:Canvas可以让开发者更好地实现基于Web的数据传输,构建一个完美的可视化控制界面。
6. 字体设计:对于字体的自定义渲染将完全可以基于Web,使用HTML5技术进行实现。
7. 图形编辑器:Ohad预测,图形编辑器将能够100%基于Web实现。
8. 其他可嵌入网站的内容:类似图表、音频、视频,还有许多元素能够更好地与Web融合,并且不需要任何插件。Ohad呼吁大家继续挖掘Canvas的潜力,运用HTML5技术创造更多价值。(文/杨依帆 责编/张宁)
相关文章推荐
- 我们能用HTML5 Canvas做什么?
- 我们能用HTML5 Canvas做什么
- 《HTML5 Canvas核心技术——图形、动画与游戏开发》第三章要点汇总
- HTML5新增核心工具——canvas
- HTML5新增核心工具——canvas
- 如何找出什么是要点,什么是核心
- HTML5是什么东东 我们为什么要关注
- HTML5 Canvas核心技术迷你书
- HTML5 Canvas核心技术—图形、动画与游戏开发.pdf4
- HTML5 Canvas核心技术—图形、动画与游戏开发.pdf7
- HTML5 Canvas八大核心技术及其API用法
- 【探索HTML5第二弹03】走近地图应用的世界,看我们google地图可以看些什么!
- HTML5 Canvas核心技术:图形.动画与游戏开发
- <html5>1.什么是HTML5、Canvas的简介
- HTML5 Canvas核心技术—图形、动画与游戏开发.pdf5
- HTML5给我们带来了什么
- HTML5 Canvas八大核心技术及其API用法
- HTML5 新旧语法标记对我们有什么好处
- Html5 Canvas核心技术(图形,动画,游戏开发)--基础知识
- 我们拿计算机来拆,去研究里头有什么,把核心的软件剖析一下,怎么写的,这样我就会Basce汇编语言了,我就可以去讲Basce和汇编的课了。为研究计算机怎么上显示器,我就去研究,当时我们的那台显示器