clip.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>剪切示例</title>
  5. <meta charset="utf-8">
  6. <!-- 正式发布的时候, 只需替换掉相应的脚本文件即可 -->
  7. <!-- dev 版本 示例所需脚本文件 start -->
  8. <script src="../dev-lib/sea.js"></script>
  9. <script>
  10. seajs.config({
  11. base: '../src'
  12. });
  13. </script>
  14. <script src="../dev-lib/exports.js"></script>
  15. <script src="../dev-lib/dev-start.js"></script>
  16. <!-- dev 版本 示例所需脚本文件 end -->
  17. <!-- 正式版本 示例所需脚本文件 start -->
  18. <!--<script src="../dist/kitygraph.all.min.js"></script>-->
  19. <!-- 正式版本 示例所需脚本文件 end -->
  20. <script>
  21. window.onload = function () {
  22. var paper = new kity.Paper( document.body ),
  23. circle = new kity.Circle( 100, 200, 200 ),
  24. clip = new kity.Clip(),
  25. rect = new kity.Rect( 200, 100, 100, 100 );
  26. paper.addShape( circle );
  27. circle.fill( "red" );
  28. clip.addShape( rect );
  29. paper.addResource( clip );
  30. circle.clipWith( clip );
  31. };
  32. </script>
  33. </head>
  34. <body>
  35. </body>
  36. </html>