Summary

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

Details

Page properties

Content

...	...	@@ -19,11 +19,41 @@
19	19	</canvas>
20	20	</div>
21	21	<script>
	22	+let windowurl = window.location.href;
	23	+let attachurl = windowurl.substring(0, 41) + 'download' + windowurl.substring(45);
22	22	setTimeout( () => {
23	23	let c = document.getElementById("mycanvas");
24	24	let ctx = c.getContext("2d");
25	25
	28	+ let imgurls = [attachurl+'WebHome/NixieOrth.png', attachurl+'WebHome/NixiePers.png'];
	29	+
	30	+ console.log( "Load image:", JSON.stringify(imgurls) );
26	26	console.log( "canvas size:",c.width, ",", c.height );
	32	+ let scrwidth = c.width;
	33	+ let scrheight = c.height;
	34	+ let borderwidth = 2;
	35	+
	36	+ // Draw a border
	37	+ ctx.beginPath();
	38	+ ctx.lineWidth = ""+borderwidth;
	39	+ ctx.strokeStyle = "#ffffff";
	40	+ ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth);
	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	+ currentidx++;
	55	+ console.log( "Drawing frame:" + currentidx );
	56	+ } , 500 );
27	27	}, 1000 );
28	28	</script>
29	29	{{/html}}