Javascript 创建一个";照相机“;用于内部画布和图像数据的组件

Javascript 创建一个";照相机“;用于内部画布和图像数据的组件,javascript,canvas,Javascript,Canvas,我想制作一个可伸缩和平移的画布 问题是它的大小是固定的(500×500像素) 我想把它扩展到全屏。我知道怎么做了。如果要实现一个可以“查看”画布的摄影机,该怎么办 我可以用鼠标事件处理程序进行滚动和缩放。但这就是我不了解的制作这个相机的方法。也许你能帮我。这里有一张图片让你更好地理解我的意思 在未来,我想做一个像素编辑器,这样我就能以某种方式与画布交互(比如缩放平移和绘制一些像素)。据我所知,我们必须创建一个图像数据对象来加载像素阵列(500x500)并以某种方式与之交互 另一个问题是显示器的

我想制作一个可伸缩和平移的画布

问题是它的大小是固定的(500×500像素) 我想把它扩展到全屏。我知道怎么做了。如果要实现一个可以“查看”画布的摄影机,该怎么办

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

在未来,我想做一个像素编辑器,这样我就能以某种方式与画布交互(比如缩放平移和绘制一些像素)。据我所知,我们必须创建一个图像数据对象来加载像素阵列(500x500)并以某种方式与之交互

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