Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -27,8 +27,8 @@
27	27
28	28	let imgurls = [attachurl+'WebHome/NixieOrth.png', attachurl+'WebHome/NixiePers.png'];
29	29
30		- console.log( "Load image:", JSON.stringify(imgurls) );
31		- console.log( "canvas size:",c.width, ",", c.height );
	30	+ // console.log( "Load image:", JSON.stringify(imgurls) );
	31	+ // console.log( "canvas size:",c.width, ",", c.height );
32	32	let scrwidth = c.width;
33	33	let scrheight = c.height;
34	34	let borderwidth = 2;
...	...	@@ -47,12 +47,22 @@
47	47	thisimg.src = item;
48	48	imgloads.push( thisimg );
49	49	});
50		- console.log( imgloads );
	50	+ // console.log( imgloads );
51	51
52	52	var currentidx = 0;
53	53	setInterval( () => {
54		- console.log( "Drawing frame:" + currentidx );
55		- ctx.drawImage(imgloads[0], 0, 0);
	54	+ // redraw static
	55	+ ctx.clearRect(0, 0, scrwidth , scrheight);
	56	+ // Draw a border
	57	+ ctx.beginPath();
	58	+ ctx.lineWidth = ""+borderwidth;
	59	+ ctx.strokeStyle = "#ffffff";
	60	+ ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth);
	61	+ ctx.stroke();
	62	+
	63	+ // console.log( "Drawing frame:" + currentidx );
	64	+ ctx.drawImage(imgloads[0], 76 * currentidx, 0, 76, 157, 112, 72, 76, 157);
	65	+ ctx.drawImage(imgloads[1], 76 * currentidx, 0, 76, 162, 412, 69, 76, 162);
56	56	currentidx++;
57	57	currentidx %= 10;
58	58	} , 500 );