view test.html @ 85:da4f4f91f8aa laserkard

got three separate Raphael instances
author Robert McIntyre <rlm@mit.edu>
date Sun, 25 Jul 2010 22:36:16 -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">
7 <link href="./echo.css" rel="stylesheet" type="text/css">
9 <title>Laserkard | Design Studio</title>
11 <script type="text/javascript" src="./awesome_js/buycode.js"></script>
12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
15 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
16 <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>
22 </head>
24 <body id = "buy">
27 <div id = "disp_contain"></div>
29 <div id = "output"></div>
31 <div id = "perlClick" onmouseover = "echo(['output'], ['perlClick']);">click on me!!!</div>
34 <script language="javascript">
38 var raphe = Raphael("disp_contain", 515, 318);
40 var c = raphe.rect(0, 0, 514, 317);
41 c.attr("stroke", "#00f");
42 tt = raphe.print(10, 150, "Kevin Rustagi", raphe.getFont("HelveticaNeue", 800), 75);
45 tt.attr("stroke", "#f00");
46 tt.attr("fill", "RED");
49 var svg =
51 //'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">' +
52 //'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ' +
53 //document.getElementById('disp_contain').innerHTML +
54 '<h1> jdaksljd </h1>' + 'sdfjlskjflskajf skds a dksjflk'
56 ;
60 document.getElementById('output').innerHTML = svg;
62 </script>
70 </body>
72 </html>