您的位置：首页 > Web前端 > JavaScript

Canvas——认识CreateJs库

2016-05-11 09:23 621 查看

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();

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航