Залипалка

by magneto903

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Демонстрация вариантов (Залипалово)</title>
	<style type="text/css">
		#canvas {
			border: 2px solid grey;
		}
	</style>
	<script
	  	src="https://code.jquery.com/jquery-3.4.1.min.js"
	  	integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
	  	crossorigin="anonymous">
  	</script>
</head>
<body>
<center><canvas id="canvas" width="710" height="710"></canvas></center>
<script type="text/javascript">
	var winW = 0;
	var winH = 0;

	var canvas_size=710;

	var set_size = function(el_id, w, h) {
		$('#'+el_id).css('width', w);
		$('#'+el_id).css('height', h);
	}

	var set_pos = function(el_id, left, top) {
		$('#'+el_id).css('left', left);
		$('#'+el_id).css('top', top)
	}


	var resizeScreen = function() {
		winW = $(window).width();
	    winH = $(window).height();

	    set_size('canvas', Math.min(winW, winH)-28, Math.min(winW, winH)-28);

	    canvas_size = Math.min(winW, winH)-28;
	}

	resizeScreen();
	window.addEventListener('resize', resizeScreen, false);

	setTimeout(resizeScreen, 10);

</script>
<script type="text/javascript">
	ways = [12345678, 12345768, 12345867, 12346758, 12346857, 12347856, 12354678, 12354768, 12354867, 12356748, 12356847, 12357846, 12364578, 12364758, 12364857, 12367845, 12374568, 12374658, 12374856, 12384567, 12384657, 12384756, 12453678, 12453768, 12453867, 12463578, 12463758, 12463857, 12473568, 12473658, 12473856, 12483567, 12483657, 12483756, 12563478, 12563748, 12563847, 12573468, 12573648, 12573846, 12583467, 12583647, 12583746, 12673458, 12673548, 12673845, 12683457, 12683547, 12683745, 12783456, 12783546, 12783645, 13245678, 13245768, 13245867, 13246758, 13246857, 13247856, 13254678, 13256748, 13256847, 13257846, 13264578, 13267845, 13274568, 13284567, 13452678, 13452768, 13452867, 13462578, 13462758, 13462857, 13472568, 13472658, 13472856, 13482567, 13482657, 13482756, 13562478, 13562748, 13562847, 13572468, 13572648, 13572846, 13582467, 13582647,...