group.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bezier Example</title>
  5. <!-- 正式发布的时候, 只需替换掉相应的脚本文件即可 -->
  6. <!-- dev 版本 示例所需脚本文件 start -->
  7. <script src="../dev-lib/sea.js"></script>
  8. <script>
  9. seajs.config({
  10. base: '../src'
  11. });
  12. </script>
  13. <script src="../dev-lib/exports.js"></script>
  14. <script src="../dev-lib/dev-start.js"></script>
  15. <!-- dev 版本 示例所需脚本文件 end -->
  16. <!-- 正式版本 示例所需脚本文件 start -->
  17. <!--<script src="../dist/kitygraph.all.min.js"></script>-->
  18. <!-- 正式版本 示例所需脚本文件 end -->
  19. <script>
  20. window.onload = function () {
  21. var paper = new kity.Paper(document.body);
  22. paper.setWidth(600).setHeight(400);
  23. var flower = new kity.Group().pipe(function() {
  24. for(var i = 0; i < 12; i++) {
  25. var color = new kity.Color();
  26. color.set('h', 30 * i);
  27. color.set('s', 80);
  28. color.set('l', 50);
  29. color.set('a', .5);
  30. this.addShape(new kity.Ellipse(50, 0, 80, 15).rotate( 30 * i ).fill(color));
  31. }
  32. this.scale(1.5).translate(300, 200);
  33. });
  34. paper.addShape(flower);
  35. };
  36. </script>
  37. </head>
  38. <body>
  39. </body>
  40. </html>