25 lines
539 B
25 lines
539 B
<html>
|
|
<head>
|
|
<title>Hello kity</title>
|
|
<script src="../dist/kity.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="kity_paper"></div>
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
var paper = new kity.Paper('kity_paper');
|
|
|
|
var rect = paper.put(new kity.Rect());
|
|
var text = paper.put(new kity.Text());
|
|
|
|
text.setContent('hello kity!');
|
|
text.fill('white');
|
|
text.setX(100);
|
|
text.setY(200);
|
|
|
|
rect.setBox(text.getBoundaryBox().expand(-15, -10, 15, 10));
|
|
rect.setRadius(5);
|
|
rect.fill('blue');
|
|
</script>
|
|
</html>
|