Summary

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

Details

Page properties

Tags

...	...	@@ -1,0 +1,1 @@
	1	+assets|2d|3d|nixie|number

Content

...	...	@@ -20,7 +20,7 @@
20	20	</div>
21	21	<script>
22	22	let windowurl = window.location.href;
23		-let attachurl = windowurl.substring(0, 46) + 'download' + windowurl.substring(50);
	23	+let attachurl = windowurl.substring(0, 41) + 'download' + windowurl.substring(45);
24	24	setTimeout( () => {
25	25	let c = document.getElementById("mycanvas");
26	26	let ctx = c.getContext("2d");
...	...	@@ -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;
...	...	@@ -39,6 +39,33 @@
39	39	ctx.strokeStyle = "#ffffff";
40	40	ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth);
41	41	ctx.stroke();
	42	+
	43	+ // create images
	44	+ imgloads = [];
	45	+ imgurls.forEach( (item, ids) => {
	46	+ let thisimg = document.createElement("img");
	47	+ thisimg.src = item;
	48	+ imgloads.push( thisimg );
	49	+ });
	50	+ // console.log( imgloads );
	51	+
	52	+ var currentidx = 0;
	53	+ setInterval( () => {
	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);
	66	+ currentidx++;
	67	+ currentidx %= 10;
	68	+ } , 500 );
42	42	}, 1000 );
43	43	</script>
44	44	{{/html}}