client/render-test.html
changeset 5 67085e6281e5
parent 4 f5297dde9053
child 7 ae86ecebb1be
equal deleted inserted replaced
4:f5297dde9053 5:67085e6281e5
     9         <script src="lib/jquery.min.js"></script>
     9         <script src="lib/jquery.min.js"></script>
    10         <script src="lib/jquery.mousewheel.min.js"></script>
    10         <script src="lib/jquery.mousewheel.min.js"></script>
    11         <script src="lib/underscore-min.js"></script>
    11         <script src="lib/underscore-min.js"></script>
    12         <script src="lib/paper.js"></script>
    12         <script src="lib/paper.js"></script>
    13         <script src="js/main.js"></script>
    13         <script src="js/main.js"></script>
       
    14         <script src="js/i18n.js"></script>
    14         <script src="js/model.js"></script>
    15         <script src="js/model.js"></script>
    15         <script src="js/json-serializer.js"></script>
    16         <script src="js/json-serializer.js"></script>
    16         <script src="js/random-data.js"></script>
    17         <script src="js/random-data.js"></script>
    17         <script src="js/paper-renderer.js"></script>
    18         <script src="js/paper-renderer.js"></script>
    18         <script type="text/javascript">
    19         <script type="text/javascript">
    21                 _proj = new Rkns.Project({
    22                 _proj = new Rkns.Project({
    22                     url: "data/simple-persist.php",
    23                     url: "data/simple-persist.php",
    23                     //serializer: "RandomData",
    24                     //serializer: "RandomData",
    24                     canvas_id: "renkanvas",
    25                     canvas_id: "renkanvas",
    25                     user: {
    26                     user: {
       
    27                         id: "anonymous",
    26                         title: "anonymous",
    28                         title: "anonymous",
    27                         color: "#0000ff"
    29                         color: "#0000ff"
    28                     }
    30                     }
    29                 });
    31                 });
    30             });
    32             });
    31         </script>
    33         </script>
       
    34         <link rel="stylesheet" href="css/renkan.css" />
    32         <style type="text/css">
    35         <style type="text/css">
       
    36             #topbar { position: absolute; left: 0; top: 0; right: 0; height: 40px; background: #f0f0f0; font-size: 20px; color: #a0a0a0; }
       
    37             #leftbar { position: absolute; left: 0; top: 40px; width: 200px; bottom: 0; background: #d0d0d0; font-size: 20px; color: #ffffff; }
       
    38             #renkan-container { position: absolute; top: 40px; left: 200px; right: 0; bottom: 0; overflow: hidden; }
    33             #renkanvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    39             #renkanvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
       
    40             .Rk-Editor { position: absolute; top: 0; left: 0; }
    34         </style>
    41         </style>
    35     </head>
    42     </head>
    36 
    43 
    37     <body>
    44     <body>
    38         <canvas id="renkanvas" resize></canvas>
    45         <div id="topbar">Renkan Top Bar</div>
       
    46         <div id="bottompart">
       
    47             <div id="leftbar">Renkan "Stock Box"</div>
       
    48             <div id="renkan-container">
       
    49                 <canvas id="renkanvas" resize></canvas>
       
    50                 <div class="Rk-Editor"></div>
       
    51             </div>
       
    52         </div>
       
    53         
    39     </body>
    54     </body>
    40 </html>
    55 </html>