image - 如何将 p5.js 画布保存为非常大的 PNG?
问题描述
我知道如何使用 p5.js 保存画布。但是我想将画布保存为一个非常大的 png(例如 8000x8000),以便我可以在 Photoshop 中使用它并将图像缩小到适当的大小。除了在幕后创建一个对于浏览器窗口来说太大的新画布之外,还有一种简单的方法吗?
解决方案
您可以使用该createGraphics()
函数创建一个屏幕外缓冲区。然后您可以使用该函数将其绘制到屏幕上image()
,也可以调用其save()
函数将其存储为文件。这是一个例子:
let pg;
function setup() {
createCanvas(400, 400);
pg = createGraphics(4000, 4000);
pg.background(32);
}
function draw() {
pg.ellipse(random(pg.width), random(pg.height), 100, 100);
image(pg, 0, 0, width, height);
}
function mousePressed(){
pg.save("pg.png");
}
推荐阅读
- react-native - React Native 中嵌套元素的可访问性焦点顺序不正确
- node.js - 如何检查交易是否被取消
- android-studio - Android 许可证状态未知
- sparql - 使用属性和 itemlabel 查询 wikidata
- java - 如何在写入过程中出现异常回滚/恢复 IO 操作?- 爪哇
- java - 如何在 ElementType.PARAMETER 注释上使用方面
- unity3d - 如何在脚本的可寻址窗口中分配可寻址标签
- python - Python:查找文件中最长的句子
- c# - HttpWebRequest.GetRequestStream 返回的流不会立即在 .NET Core 中发送数据
- sql-server - 多个外键到单个主键关系数据库