OpenSeaDragonを使用して、画像に対して複数の行と複数の列を持つグリッドを作成しようとしています
公式のデバッグ モードでは、グリッドに複数の行と列があります。
複数の行と列を持つようにグリッドを設定するにはどうすればよいですか?
例はこちら
私のページはこんな感じ
ps: 何か知っていることがあれば教えてください。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>open sea dragon</title>
<link rel='stylesheet'
type='text/css'
media='screen'
href='./css/style.css'/>
<script src="./openseadragon.min.js"></script>
</head>
<body>
<div class="demoarea">
<div id="contentDiv" class="openseadragon"></div>
</div>
<script type="text/javascript">
// Example
OpenSeadragon({
id: "contentDiv",
prefixUrl: "./images/",
tileSources: "./highsmith.dzi",
debugMode: true,
showNavigator: true,
navigatorPosition: "TOP_RIGHT",
OsmTileSource: {'width':10,'height':10,'tileSize':10,'tileOverlap':10}
});
</script>
</body>
</html>