浅谈 Canvas

众所周知 Canvas 是HTML5的核心技术技术所在,canvas元素用于在网页上进行绘制图形,可是canvas自己并不具有绘制功能,canvas必须依靠javascript才能绘制出绚丽的图形;HTML5中canvas提供了多种绘制路径、矩形、圆形、字符以及添加图像的方法;javascript

那么canvas具体能够作什么呢?html

(1)​.游戏:HTML5在web图像显示方面要远比flash强大,canvas在的运用可以使HTML5的游戏运行起来更加的流畅且跨平台能力更强; Flappy Bird游戏我想对你们来讲可能在熟悉不过啦;看似简单而难度极大的这款Flappy Bird的HTML5版仅仅须要65行js代码;java

(2).​进行字体渲染: 利用的HTML5的canvas能够实现彻底基于web端的绚丽的字体的设计与实现;web

(3).banner图:​HTML5技术可以在广告领域发挥重要的做用; 用canvas实现动态的广告效果再适合不过(本人如今从事广告方面的制做,在效果方面canvas用的挺多;)canvas

(4).图表制做:​canvas图表制做时常会被人们所忘记;相比于canvas,也许SVG在这方面可能发挥着更好的做用,可是canvas 和 SVG 各有各的优势,canvas提供的功能更原始,适合像素的处理,动态的渲染和大数据量的绘制;SVG的功能更完善,适合静态图片展现,高保真文档查看和打印的应用场景;
(5).图片存储下载:canvas提供了一些用于web网页中截图、下载的方法;app

(6).可嵌入其余网站的内容之中:相似图表、音频、视频、还有许多的元素可以更好地与web融合,且不须要任何的插件;学习

最后给你们推荐一个学习canvas的比较好的网站:字体

https://html.spec.whatwg.org/...大数据