Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <script src="http://code.createjs.com/easeljs-0.7.1.min.js"></script>
- </head>
- <body>
- <canvas id="gameCanvas" width="1496" height="1024"></canvas>
- <script>
- var stage = new createjs.Stage(document.getElementById('gameCanvas'));
- var svgImage = new createjs.Bitmap("SvgFile.svg");
- svgImage.on("click", sayHi);
- stage.addChild(svgImage);
- createjs.Ticker.setFPS(40);
- createjs.Ticker.on("tick", tick);
- function sayHi() {
- alert("Hello!"); // INTERNET EXPLORER CRASHES. CHROME DISPLAYS "Hello!".
- }
- function tick() {
- stage.update();
- }
- </script>
- </body>
- </html>
- <?xml version="1.0"?>
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
- <svg xmlns="http://www.w3.org/2000/svg"
- width="467" height="462">
- <rect x="80" y="60" width="250" height="250" rx="20"
- style="fill:#ff0000; stroke:#000000;stroke-width:2px;" />
- <rect x="140" y="120" width="250" height="250" rx="40"
- style="fill:#0000ff; stroke:#000000; stroke-width:2px;
- fill-opacity:0.7;" />
- </svg>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement