Changes for page Nixie Spritesheet
Last modified by Victor Zhang on 00:34, 22/07/2020
Change comment: There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -11,29 +11,15 @@ 11 11 |Rendered using Perspective Camera|[[image:NixiePers.png]] 12 12 ))) 13 13 * Phaser P5 not working somehow needs investigate 14 -* Somehow can only use raw API 15 15 16 16 {{html clean="false"}} 17 -<div id="canvasparent"> 18 - <canvas id="mycanvas" width="600" height="300">16 +<div id = "canvasparent" width="800" height="600"> 17 + <canvas id="mycanvas"> 19 19 </canvas> 20 20 </div> 21 21 <script> 22 22 setTimeout( () => { 23 - let c = document.getElementById("mycanvas"); 24 - let ctx = c.getContext("2d"); 25 - 26 - console.log( "canvas size:",c.width, ",", c.height ); 27 - let scrwidth = c.width; 28 - let scrheight = c.height; 29 - let borderwidth = 2; 30 - 31 - // Draw a border 32 - ctx.beginPath(); 33 - ctx.lineWidth = ""+borderwidth; 34 - ctx.strokeStyle = "#ffffff"; 35 - ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth); 36 - ctx.stroke(); 22 + $('#mycanvas').attr({width:400,height:300}).css({width:'800px',height:'600px'}); 37 37 }, 1000 ); 38 38 </script> 39 39 {{/html}}