<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Text</title>
|
|
<script src="../dev-lib/sea.js"></script>
|
|
<script>
|
|
|
|
seajs.config({
|
|
base: '../src'
|
|
});
|
|
define('start', function (require) {
|
|
var Paper = require('graphic/paper');
|
|
var Rect = require('graphic/rect');
|
|
var Group = require('graphic/group');
|
|
var Color = require('graphic/color');
|
|
var Text = require('graphic/text');
|
|
var Circle = require('graphic/circle');
|
|
var utils = require('core/utils');
|
|
|
|
var paper = new Paper(document.body);
|
|
|
|
window.t = new Text();
|
|
|
|
paper.addShape(t);
|
|
var rb = new Rect().stroke('red');
|
|
paper.addShape(rb);
|
|
window.p = new Circle(1).fill('#00ff00');
|
|
paper.addShape(p);
|
|
|
|
setInterval(function() {
|
|
var box = t.getRenderBox('top');
|
|
rb.setPosition(box.x, box.y).setSize(box.width, box.height);
|
|
}, 15);
|
|
|
|
t.setContent('this is a test').translate(100, 100);
|
|
p.translate(100, 100);
|
|
|
|
});
|
|
seajs.use('start');
|
|
</script>
|
|
<style>
|
|
body, div, html {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background: #333;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
</body>
|
|
</html>
|