43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>Raphael Dev testing html</title>
|
|
|
|
<!-- HTML to try new developments in Raphael -->
|
|
|
|
<!-- Global use -->
|
|
|
|
<!-- To work with full version -->
|
|
<!--<script type="text/javascript" src="../raphael.js"></script>-->
|
|
|
|
<script type="text/javascript" src="eve.js"></script>
|
|
<script type="text/javascript" src="raphael.core.js"></script>
|
|
<script type="text/javascript" src="raphael.vml.js"></script>
|
|
<script type="text/javascript" src="raphael.svg.js"></script>
|
|
|
|
<!-- To work with minified version -->
|
|
<!--<script type="text/javascript" src="../raphael-min.js"></script>-->
|
|
|
|
<!-- Comment this script tag if you are testing with AMD -->
|
|
<script type="text/javascript">
|
|
// Initialize container when document is loaded
|
|
window.onload = function () {
|
|
paper = Raphael(0, 0, 640, 720, "container");
|
|
paper.circle(50, 50, 20).attr({'stroke-width': 2}); //example
|
|
paper.circle(70, 70, 20).attr({'stroke-width': 2}).transform("s2"); //example
|
|
paper.setViewBox(0, 0, 100, 100);
|
|
//Different strokes -> http://www.w3.org/TR/SVGTiny12/painting.html#NonScalingStroke
|
|
};
|
|
//Work here, in a separate script file or via command line
|
|
</script>
|
|
|
|
<!-- Use amdDev.js to work with AMD and Raphael -->
|
|
<!-- You need to do a 'bower install -D' first to get requirejs -->
|
|
<!--<script data-main="amdDev" src="../bower_components/requirejs/require.js"></script>-->
|
|
|
|
</head>
|
|
<body>
|
|
<!-- Container for svg/vml root element -->
|
|
<div id="container"></div>
|
|
</body>
|
|
</html>
|