CanvasDemo Canvas Scriptable Image Canvas fillstrokemove Toline Torectarc
一些Canvas游戏Demo
Canvas – 可编程式图片(Scriptable Image) Canvas��方法 • 内置�形�制( fill,stroke,move. To,line. To,rect,arc, bezier. Curve. To etc) • 外部�片( draw. Image,translate,scale,rotate,global. Alpha, set. Transform etc) • 低�像素�理( get. Image. Data,put. Image. Data,Canvas. Pixel. Array)
显示对象继承树(Display. Object Inheritance) Display. Object Shape Display. Object. Container Bitmap Sprite Text Movie. Clip Button Stage
显示对象列表图(Display. Object List Diagram) Stage (root) Shape Bitmap Text Sprite Shape Sprite Bitmap …… Text
实例详解 一、�制、控制静��像( demo 1. html) 二、�建和控制人物�画( demo 2. html) 三、�建和控制多个人物( demo 3. html) 注意: 因为Casual. JS使用到了context. get. Image. Data()方法,在本机测试时可能会由于同源策略产生SECURITY_ERR: DOM Exception 18 错误。 Firefox: 设置security. fileuri. strict_origin_policy为false Chrome: 添加 –allow-file-access-from-file参数
The End,Thank You!
- Slides: 10