raphaelTest.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <head>
  3. <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  4. <meta content="utf-8" http-equiv="encoding">
  5. <title>Raphael Dev testing html</title>
  6. <!-- HTML to try new developments in Raphael -->
  7. <!-- Global use -->
  8. <!-- To work with full version -->
  9. <script type="text/javascript" src="../bower_components/requirejs/require.js"></script>
  10. <script type="text/javascript" src="../bower_components/eve/eve.js"></script>
  11. <!-- To work with minified version -->
  12. <!--<script type="text/javascript" src="../raphael-min.js"></script>-->
  13. <!-- Comment this script tag if you are testing with AMD -->
  14. <script type="text/javascript">
  15. // Initialize container when document is loaded
  16. window.onload = function () {
  17. require(['../raphael'], function(Raphael) {
  18. var paper = Raphael("container", 640, 720);
  19. paper.circle(100, 100, 100).attr({'fill':'270-#FAE56B:0-#E56B6B:100'}); //example
  20. });
  21. };
  22. //Work here, in a separate script file or via command line
  23. </script>
  24. <!-- Use amdDev.js to work with AMD and Raphael -->
  25. <!-- You need to do a 'bower install -D' first to get requirejs -->
  26. </head>
  27. <body>
  28. <!-- Container for svg/vml root element -->
  29. <div id="container"></div>
  30. </body>
  31. </html>