- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: http://ocanvas.org/
- 软件文档: http://ocanvas.org/docs
- 官方下载: http://ocanvas.org/download
软件介绍
oCanvas 可以帮助你很容易的在 HTML5 的 Canvas 标签上创建对象,并且创建这些对象的动画。支持包括 IE9 以及更新版本和其他包括 FF、Chrome、Safari 和 Opera 浏览器。
该库包含 9 部分:
oCanvas Object: which represents the HTML5 Canvas element itself, where everything will be built.
Core: is the main instance which defines all other elements.
Display Objects: representing the main predefined geometrical elements (lines, triangles, rectangles, etc.).
Background: stores settings of object surface.
Canvas.Timeline: facilitates the creation of loops for moving objects.
Events: capturing the events that can occur with the keyboard, mouse, and touch.
Scenes: We can group objects into independent "frames".
Animation: Lets you create short animations for each object.
Draw: Module that allows you to clean or repaint the scenes.
示例代码:
function createAnim() {
//Block 1
var tela = oCanvas.create({
canvas: "#canvas",
background: "#ccc"
});
//Block 2
var quadrado = tela.display.rectangle({
x: 25,
y: 25,
width: 20,
height: 20,
fill: "#0aa",
velocX: 4,
velocY: 4
});
tela.addChild(quadrado);
//Block 3
tela.bind("click tap", function() {
quadrado.x = tela.mouse.x;
quadrado.y = tela.mouse.y;
});
//Block 4
tela.setLoop(function() {
quadrado.x += quadrado.velocX;
quadrado.y += quadrado.velocY;
quadrado.rotation++;
if ((quadrado.x <= 0) || (quadrado.x >= (tela.width)))
quadrado.velocX = -quadrado.velocX;
if ((quadrado.y < 20) || (quadrado.y > (tela.height - 20)))
quadrado.velocY = -quadrado.velocY;
}).start();
}
互联网思维的企业
[美] Dave Gray Thomas Vander Wal / 张 玳 / 人民邮电出版社 / 2014-4-25 / 59.00元
本书指导企业跳出仅更新自家产品和服务的怪圈,在管理方式、组织结构和公司文化方面进行变革,建立具有互联网思维的企业。书中通过大量图示和示例阐述了互联式公司必需的基础元素(透明的互动和交流平台,推崇自治和应变的组织结构,实验和学习的企业文化),以及一套鼓励员工创新的新式管理和奖励体系。最后,讨论板可方便你在工作时间和同事探讨如何增加公司的互联程度。一起来看看 《互联网思维的企业》 这本书的介绍吧!
