引言

近期，工作中有一个功能，需要在页面上展示在图片上面绘制区域的功能，在网上找了找，发现了这个canvas。

另外，通过资料的查询，发现这个canvas可以替代flash，常见的flash应用场景可以用canvas配合audio。

canvas特点

  • 无需浏览器安装插件
  • 性能高
  • 使用JavaScript操作Canvas
  • 依赖像素，适合动态渲染和大数据量绘制
  • 更适合移动端
  • 安全性更好

canvas能做什么

  • 游戏，游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web图像显示方面比Flash更加立体、更加精巧，Ohad认为运用Canvas制作的图像能够令HTML5游戏在流畅度和跨平台方面发挥更大的潜力。
  • 图表制作，图表制作时常被人们忽略，但无论企业内部还是企业间交流合作都离不开图表。现在一些开发者使用HTML/CSS完成图表制作，但Ohad认为大家完全可以用Canvas来实现。当然，使用SVG（可缩放矢量图形）来完成图表制作也是非常好的方法。
  • Banner广告，Flash曾经辉煌的时代，智能手机还未曾出现。现在以及未来的智能机时代，HTML5技术能够在banner广告上发挥巨大作用，用Canvas实现动态的广告效果再合适不过。
  • 模拟器，Ohad认为，无论从视觉效果还是核心功能方面来说，模拟器产品可以完全由JavaScript来实现。
  • 远程计算机控制,Canvas可以让开发者更好地实现基于Web的数据传输，构建一个完美的可视化控制界面。
  • 字体设计,对于字体的自定义渲染将完全可以基于Web，使用HTML5技术进行实现。
  • 图形编辑器,Ohad预测，图形编辑器将能够100%基于Web实现。
  • 其他可嵌入网站的内容,类似图表、音频、视频，还有许多元素能够更好地与Web融合，并且不需要任何插件。Ohad呼吁大家继续挖掘Canvas的潜力，运用HTML5技术创造更多价值。