Canvas——认识CreateJs库

来源：互联网发布：数据字典名词解释编辑：程序博客网时间：2024/06/06 01:17

1、CreateJs

A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.

简单认识实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index1</title>
    <script src="app1.js"></script>
    <script src="easeljs-0.8.2.min.js"></script>
</head>
<body>
    <canvas id="canvas" width="500" height="500"></canvas>
</body>
</html>

app1.js

var canvas;
var stage;
var text; 
var count = 0;
window.onload = function () {
    canvas = document.getElementById("canvas");
    stage = new createjs.Stage(canvas);
    text = new createjs.Text("number->","20px Arial", "#ff7700");
    stage.addChild(text);
    createjs.Ticker.setFPS(1); //一秒更新多少次的意思
    createjs.Ticker.addEventListener("tick",hadler);
}
function hadler(e) {
    count++;
    text.text = "number->"+count+"!";
    stage.update();
}

0 0