有沒有辦法在P5.js中加載和剪切帶有圓形邊框的圖像？

Question

加載和裁剪圖像可以使用fabricJS和本地Canvas方法完成，但在P5.js中？

Answer 1

繪製圓角邊框的唯一方法是使用指定圓角半徑的參數調用rect()函數。您可以在圖像上繪製該圖像以達到您要查找的效果。

如果不是，則下一個最好的方法是使用createGraphics()函數創建緩衝區。將您的圖像繪製到該緩衝區，然後將角從緩衝區中移開。然後，您可以使用image()函數將緩衝區繪製到畫布上，就像您在畫布上繪製常規圖像一樣。

當然，另一種選擇是使用圖像編輯器提前將角落添加到圖像。