view js.html @ 82:da3028a52ac1 laserkard

wrote display_update
author Robert McIntyre <rlm@mit.edu>
date Sun, 25 Jul 2010 10:14:05 -0400
parents 4ebd94bfecda
children
line wrap: on
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <link href="./main.css" rel="stylesheet" type="text/css">
7 <link href="./sexy.css" rel="stylesheet" type="text/css">
10 <title>test Shiv!!!</title>
12 <script type="text/javascript" src="./awesome_js/buycode.js"></script>
13 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
14 <script type="text/javascript" src="./awesome_js/robert.js"></script>
15 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
16 <!--<script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_75_BdOutline_400.font.js"></script>-->
18 <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>
19 <script type="text/javascript">
20 Cufon.replace('h1');
21 </script>
25 </head>
31 <body>
34 <div id ="overlay">
37 </div>
39 </div>
45 <script language="javascript">
46 // Creates canvas 320 × 200 at 10, 50
48 var paper = Raphael("overlay", 518, 320);
51 // Creates circle at x = 50, y = 40, with radius 10
52 //var circle = paper.circle(50, 40, 10);
53 // Sets the fill attribute of the circle to red (#f00)
54 //circle.attr("fill", "#f00");
56 // Sets the stroke attribute of the circle to white
57 //circle.attr("stroke", "#fff");
59 // regular rectangle
60 //var c = paper.rect(10, 10, 50, 50);
61 // rectangle with rounded corners
62 //var c = paper.rect(40, 40, 50, 50, 10);
64 //var c = paper.ellipse(50, 50, 40, 20);
66 //var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!");
67 //var c = paper.path("M10 10L90 90");
69 //var c = paper.circle(20, 20, 10);
70 //c.node.onclick = function () {
71 // c.attr("fill", "red");
72 //};
74 //var c = paper.circle(20, 20, 10);
75 //c.animate({cx: 20, r: 20}, 2000);
76 //c.animate({cx: 20, r: 20}, 2000, "bounce");
79 //var c = paper.circle(10, 10, 10),
80 // r = paper.rect(10, 10, 10, 10);
81 //c.animate({cx: 20, r: 20}, 2000);
82 //r.animateWith(c, {x: 20}, 2000);
83 //var tt = paper.print(10, 150, "Kevin Rustagi", paper.getFont("HelveticaNeue", 800), 75);
85 tt = paper.print(10, 150, "Kevin Rustagi", paper.getFont("HelveticaNeue", 800), 75);
86 tt.attr("stroke", "#f00");
87 tt.attr("fill", "transparent");
88 tt.remove();
90 tt = paper.print(10, 150, "Robert McIntyre", paper.getFont("HelveticaNeue", 800), 75);
91 tt.attr("stroke", "#f00");
92 tt.attr("fill", "transparent");
93 //tt.show();
95 </script>
104 </body>
107 </html>