<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="../js/d3.min.js"></script>
	<title>Hello-Image</title>
</head>
<body>
	<svg width="2030" height="950" id="mainsvg" class="svgs"></svg>
	<script>
		let svg = d3.select("#mainsvg")
		const width = +svg.attr('width');
      	const height = +svg.attr('height');
		let imgdir = '../data/subnautica.jpg';
		// let imgdir = 'http://127.0.0.1:11666/static/data/Cyclops.jpg'
		
		let ratioImg = ['none', 