Applications Of HTML5 Canvas In Plotting





罗文卿 Laphets
浙江省义乌中学 Yiwu High School

What's Canvas?

一个画布?

一个图片处理的工具?


To be more exactly

这是一个可以使用JavaScript进行操作的位图(bitmap)


In other words

It's just an API.

What can Canvas do?

绘制简单的点、线、面

进行图片的平铺、裁剪,以及文字的绘制

直接对位图的像素进行处理(灰度化、反相化)

绘制你可以用Flash做出来的任何动画

还可以与reveal.js , shake.js等各种API进行交互

And more...

What does the thesis talk about?

Basic

Canvas的基本方法 The Basic Usage Of Canvas

处理位图 Process Bitmap

绘制静态图形 Draw Static Graphics

绘制动画 Draw Animations

像素处理 Pixel Manipulation

Advanced

Canvas的实例绘制 The Instance Of Canvas

Canvas与API的交互 The interaction with other API

Canvas的实现机制 The mechanism of Canvas

Canvas的性能优化 The optimization of Canvas

The Advantage Of Canvas

渲染效率高(V8 JavaScript Engine)

不需要插件的支持(Differ From Flash)

与HTML的交互(HTML,JavaScript&CSS)

支持3D渲染(Support 3D Render)

Some Demos?

动画时钟(Page 29)

平行四边形定则实验(Page 32)

平抛运动实验(Page 43)

Conclusion






That's All





Copyright © 2015-2016 Laphets . All Rights Reserved.