1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Text Example</title>
-
-
- <script src="../dev-lib/sea.js"></script>
- <script>
- seajs.config({
- base: '../src'
- });
- </script>
- <script src="../dev-lib/exports.js"></script>
- <script src="../dev-lib/dev-start.js"></script>
-
-
-
-
- <script>
- window.onload = function () {
- var paper = new kity.Paper(document.body);
- paper.setWidth(600).setHeight(400);
- paper.addShape(new kity.Text().pipe(function() {
- this.addSpan(new kity.TextSpan('hello ').fill('red'));
- this.addSpan(new kity.TextSpan(' kity').fill('blue'));
- this.setAnchor('middle');
- this.setSize(36);
- this.setPath(new kity.Path().pipe(function(){
- var d = this.getDrawer();
- d.moveTo(150, 200);
- d.carcTo(200, 450, 200);
- this.fill('none');
- this.stroke('green');
- paper.addShape(this);
- }));
- }));
- };
- </script>
- </head>
- <body>
-
- </body>
- </html>
|