我正在研究p5.js中的一个项目,我需要能够定义比我的浏览器窗口大得多的晦涩的画布大小。我基本上需要保持一个p5js像素大小(例如3840px,1920px),但是整个画布都在视图中。想想你如何在photoshop中放大和缩小画布,这就是我想要实现的功能。
现在,使用默认浏览器功能放大和缩小是好的但不理想,并导致箭头键按下等一些其他错误。我看了遍布处理,p5和html画布论坛,似乎无法找到我的确切场景。
有几种方法可以解决这个问题。没有特别的顺序:
scale()
函数更改整个画布的比例。createGraphics()
函数创建绘图缓冲区。此缓冲区可以根据需要大小。将场景绘制到大缓冲区,然后将该缓冲区绘制到屏幕画布上。尝试简单的工作,如硬编码的圆形和方形。然后,如果你遇到困难,你可以发布一个MCVE与你尝试过。祝好运。