javascript - 为里面的画布和图像数据创建一个“相机”组件

Question

我想做一个可扩展的平移画布

问题是它是固定大小（500 x 500 像素）我想将它拉伸到全屏。我知道如何做到这一点。如果实现一个可以“看”画布的相机怎么办。

我可以使用鼠标事件处理程序进行滚动和缩放。但这就是我不了解的相机类的制作方法。也许你可以帮助我。这是一张图片，可以让您更好地理解我的意思

图片

将来我想制作一个像素编辑器，以便我能以某种方式与这个画布交互（比如缩放平移并绘制一些像素）。据我了解，我们必须创建一个图像数据对象来将我们的像素数组（500x500）加载到其中并以某种方式与之交互。

另一个问题是显示器的屏幕比例不同，我们的画布有点方形

标签： javascriptcanvas