annotate js.html @ 95:5fb202915c11 laserkard

created card template multifunction
author Robert McIntyre <rlm@mit.edu>
date Mon, 26 Jul 2010 21:42:20 -0400
parents 4ebd94bfecda
children
rev   line source
rlm@29 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
rlm@29 2 <html xmlns="http://www.w3.org/1999/xhtml">
rlm@29 3 <head>
rlm@29 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
rlm@29 5
rlm@29 6 <link href="./main.css" rel="stylesheet" type="text/css">
rlm@29 7 <link href="./sexy.css" rel="stylesheet" type="text/css">
rlm@29 8
rlm@29 9
rlm@29 10 <title>test Shiv!!!</title>
rlm@29 11
rlm@78 12 <script type="text/javascript" src="./awesome_js/buycode.js"></script>
rlm@29 13 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
rlm@29 14 <script type="text/javascript" src="./awesome_js/robert.js"></script>
rlm@29 15 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
rlm@29 16 <!--<script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_75_BdOutline_400.font.js"></script>-->
rlm@29 17
rlm@29 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>
rlm@29 19 <script type="text/javascript">
rlm@29 20 Cufon.replace('h1');
rlm@29 21 </script>
rlm@29 22
rlm@29 23
rlm@29 24
rlm@29 25 </head>
rlm@29 26
rlm@29 27
rlm@29 28
rlm@29 29
rlm@29 30
rlm@29 31 <body>
rlm@29 32
rlm@29 33
rlm@29 34 <div id ="overlay">
rlm@29 35
rlm@29 36
rlm@29 37 </div>
rlm@29 38
rlm@29 39 </div>
rlm@29 40
rlm@29 41
rlm@29 42
rlm@29 43
rlm@29 44
rlm@29 45 <script language="javascript">
rlm@29 46 // Creates canvas 320 × 200 at 10, 50
rlm@29 47
rlm@29 48 var paper = Raphael("overlay", 518, 320);
rlm@29 49
rlm@29 50
rlm@29 51 // Creates circle at x = 50, y = 40, with radius 10
rlm@29 52 //var circle = paper.circle(50, 40, 10);
rlm@29 53 // Sets the fill attribute of the circle to red (#f00)
rlm@29 54 //circle.attr("fill", "#f00");
rlm@29 55
rlm@29 56 // Sets the stroke attribute of the circle to white
rlm@29 57 //circle.attr("stroke", "#fff");
rlm@29 58
rlm@29 59 // regular rectangle
rlm@29 60 //var c = paper.rect(10, 10, 50, 50);
rlm@29 61 // rectangle with rounded corners
rlm@29 62 //var c = paper.rect(40, 40, 50, 50, 10);
rlm@29 63
rlm@29 64 //var c = paper.ellipse(50, 50, 40, 20);
rlm@29 65
rlm@29 66 //var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!");
rlm@29 67 //var c = paper.path("M10 10L90 90");
rlm@29 68
rlm@29 69 //var c = paper.circle(20, 20, 10);
rlm@29 70 //c.node.onclick = function () {
rlm@29 71 // c.attr("fill", "red");
rlm@29 72 //};
rlm@29 73
rlm@29 74 //var c = paper.circle(20, 20, 10);
rlm@29 75 //c.animate({cx: 20, r: 20}, 2000);
rlm@29 76 //c.animate({cx: 20, r: 20}, 2000, "bounce");
rlm@29 77
rlm@29 78
rlm@29 79 //var c = paper.circle(10, 10, 10),
rlm@29 80 // r = paper.rect(10, 10, 10, 10);
rlm@29 81 //c.animate({cx: 20, r: 20}, 2000);
rlm@29 82 //r.animateWith(c, {x: 20}, 2000);
rlm@29 83 //var tt = paper.print(10, 150, "Kevin Rustagi", paper.getFont("HelveticaNeue", 800), 75);
rlm@29 84
rlm@29 85 tt = paper.print(10, 150, "Kevin Rustagi", paper.getFont("HelveticaNeue", 800), 75);
rlm@29 86 tt.attr("stroke", "#f00");
rlm@29 87 tt.attr("fill", "transparent");
rlm@29 88 tt.remove();
rlm@29 89
rlm@29 90 tt = paper.print(10, 150, "Robert McIntyre", paper.getFont("HelveticaNeue", 800), 75);
rlm@29 91 tt.attr("stroke", "#f00");
rlm@29 92 tt.attr("fill", "transparent");
rlm@29 93 //tt.show();
rlm@29 94
rlm@29 95 </script>
rlm@29 96
rlm@29 97
rlm@29 98
rlm@29 99
rlm@29 100
rlm@29 101
rlm@29 102
rlm@29 103
rlm@29 104 </body>
rlm@29 105
rlm@29 106
rlm@29 107 </html>