rlm@29: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> rlm@29: <html xmlns="http://www.w3.org/1999/xhtml"> rlm@29: <head> rlm@29: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> rlm@29: rlm@29: <link href="./main.css" rel="stylesheet" type="text/css"> rlm@29: <link href="./sexy.css" rel="stylesheet" type="text/css"> rlm@29: rlm@29: rlm@29: <title>test Shiv!!!</title> rlm@29: rlm@29: <script type="text/javascript" src="./buycode.js"></script> rlm@29: <script type="text/javascript" src="./awesome_js/raphael.js"></script> rlm@29: <script type="text/javascript" src="./awesome_js/robert.js"></script> rlm@29: <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script> rlm@29: <!--<script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_75_BdOutline_400.font.js"></script>--> rlm@29: rlm@29: <script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_italic_700-HelveticaNeue_LT_55_Roman_italic_700.font.js"></script> rlm@29: <script type="text/javascript"> rlm@29: Cufon.replace('h1'); rlm@29: </script> rlm@29: rlm@29: rlm@29: rlm@29: </head> rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: <body> rlm@29: rlm@29: rlm@29: <div id ="overlay"> rlm@29: rlm@29: rlm@29: </div> rlm@29: rlm@29: </div> rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: <script language="javascript"> rlm@29: // Creates canvas 320 × 200 at 10, 50 rlm@29: rlm@29: var paper = Raphael("overlay", 518, 320); rlm@29: rlm@29: rlm@29: // Creates circle at x = 50, y = 40, with radius 10 rlm@29: //var circle = paper.circle(50, 40, 10); rlm@29: // Sets the fill attribute of the circle to red (#f00) rlm@29: //circle.attr("fill", "#f00"); rlm@29: rlm@29: // Sets the stroke attribute of the circle to white rlm@29: //circle.attr("stroke", "#fff"); rlm@29: rlm@29: // regular rectangle rlm@29: //var c = paper.rect(10, 10, 50, 50); rlm@29: // rectangle with rounded corners rlm@29: //var c = paper.rect(40, 40, 50, 50, 10); rlm@29: rlm@29: //var c = paper.ellipse(50, 50, 40, 20); rlm@29: rlm@29: //var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); rlm@29: //var c = paper.path("M10 10L90 90"); rlm@29: rlm@29: //var c = paper.circle(20, 20, 10); rlm@29: //c.node.onclick = function () { rlm@29: // c.attr("fill", "red"); rlm@29: //}; rlm@29: rlm@29: //var c = paper.circle(20, 20, 10); rlm@29: //c.animate({cx: 20, r: 20}, 2000); rlm@29: //c.animate({cx: 20, r: 20}, 2000, "bounce"); rlm@29: rlm@29: rlm@29: //var c = paper.circle(10, 10, 10), rlm@29: // r = paper.rect(10, 10, 10, 10); rlm@29: //c.animate({cx: 20, r: 20}, 2000); rlm@29: //r.animateWith(c, {x: 20}, 2000); rlm@29: //var tt = paper.print(10, 150, "Kevin Rustagi", paper.getFont("HelveticaNeue", 800), 75); rlm@29: rlm@29: tt = paper.print(10, 150, "Kevin Rustagi", paper.getFont("HelveticaNeue", 800), 75); rlm@29: tt.attr("stroke", "#f00"); rlm@29: tt.attr("fill", "transparent"); rlm@29: tt.remove(); rlm@29: rlm@29: tt = paper.print(10, 150, "Robert McIntyre", paper.getFont("HelveticaNeue", 800), 75); rlm@29: tt.attr("stroke", "#f00"); rlm@29: tt.attr("fill", "transparent"); rlm@29: //tt.show(); rlm@29: rlm@29: </script> rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: rlm@29: </body> rlm@29: rlm@29: rlm@29: </html>