有没有办法缩放p5js草图,同时保持其像素大小?

问题描述 投票:0回答:1

我正在研究p5.js中的一个项目,我需要能够定义比我的浏览器窗口大得多的晦涩的画布大小。我基本上需要保持一个p5js像素大小(例如3840px,1920px),但是整个画布都在视图中。想想你如何在photoshop中放大和缩小画布,这就是我想要实现的功能。

现在,使用默认浏览器功能放大和缩小是好的但不理想,并导致箭头键按下等一些其他错误。我看了遍布处理,p5和html画布论坛,似乎无法找到我的确切场景。

javascript html5-canvas p5.js
1个回答
0
投票

有几种方法可以解决这个问题。没有特别的顺序:

  • 跟踪缩放倍数。在所有绘图代码中使用此乘数,包括坐标和大小。当用户滚动鼠标滚轮或采取其他一些操作时,请更改此倍增器。
  • 使用scale()函数更改整个画布的比例。
  • 使用createGraphics()函数创建绘图缓冲区。此缓冲区可以根据需要大小。将场景绘制到大缓冲区,然后将该缓冲区绘制到屏幕画布上。

尝试简单的工作,如硬编码的圆形和方形。然后,如果你遇到困难,你可以发布一个MCVE与你尝试过。祝好运。

© www.soinside.com 2019 - 2024. All rights reserved.