有没有办法在P5.js中加载和剪辑带圆边的图像？

Question

加载和剪切图像可以在fabricJS中使用本机Canvas方法但在P5.js中完成？

Answer 1

绘制圆角边框的唯一一种方法是使用指定角半径的参数调用rect()函数。您或许可以在图像上绘制它以达到您正在寻找的效果。

如果没有，那么下一个最好的事情是使用createGraphics()函数来创建缓冲区。将图像绘制到该缓冲区，然后从缓冲区中取出角落。然后你可以使用image()函数将缓冲区绘制到画布上，就像在画布上绘制常规图像一样。

当然，另一种选择是使用图像编辑器提前为图像添加角落。

Answer 2

在P5.js中，如果要对图像应用样式，最好的解决方案是使用p5 DOM Api。 使用[createImage()][1];，您可以使用样式制作动画。这里有些例子： https://p5js.org/reference/#/p5.Element/style

方法： https://p5js.org/reference/#/p5/createImg