Javascript 将定义数量的等轴测平铺适配到任何屏幕分辨率中_Javascript_Html_Canvas_Html5 Canvas_Isometric

Javascript 将定义数量的等轴测平铺适配到任何屏幕分辨率中

javascript html canvas html5-canvas

Javascript 将定义数量的等轴测平铺适配到任何屏幕分辨率中,javascript,html,canvas,html5-canvas,isometric,Javascript,Html,Canvas,Html5 Canvas,Isometric,我希望在画布中显示等轴测栅格，同时每行/每列具有定义数量的平铺目前，我在旋转（45°）和缩放（高度/2）的画布上绘制了一个正交网格，从而生成了一个等轴测网格演示首先，我想画一个适合整个屏幕的大网格，并移动它以获得以下结果：但我不知道如何始终为每个屏幕分辨率获得相同数量的平铺和相同的起始索引。玩家应该总是看到14*20的瓷砖

我希望在画布中显示等轴测栅格，同时每行/每列具有定义数量的平铺

目前，我在旋转（45°）和缩放（高度/2）的画布上绘制了一个正交网格，从而生成了一个等轴测网格

演示

首先，我想画一个适合整个屏幕的大网格，并移动它以获得以下结果：

但我不知道如何始终为每个屏幕分辨率获得相同数量的平铺和相同的起始索引。玩家应该总是看到14*20的瓷砖