有没有办法在同一个画布上使用 Fabric.js 和 p5.js

Question

我正在处理一个项目，并希望在同一画布上同时使用 p5.js 和 fabric.js。我需要 fabric.js 的功能来拖动画布上的图片和 p5.js 来在拖动图片时在图片之间动态绘制线条。我不确定这是否可行，因为似乎两者都有自己独立的画布创建功能

p5.js

createCanvas(100, 50);

面料.js

canvas = new fabric.Canvas('c');

织物线类似乎有点过于僵化，无法实现我所追求的效果，因此我正在寻找解决方法的想法，或者寻找更适合在织物画布上绘制动态线条的不同库。

Answer 1

不可能将它们都与一个画布元素结合起来。这些库完全控制参考画布。即使您能够在同一个画布元素上初始化两个库，您也会丢失 p5.js 在第一个 FarbicJS canvas.renderAll() 函数调用中显示的任何内容。

我不知道您的问题到底是什么，但作为替代方案，我认为您可以尝试将两个画布放在一起（因为默认情况下画布元素是不可见的）。一个在 FabricJS 上运行，一个在 p5.js 上运行，并且以某种方式相互交互。但是，这会增加一些额外的复杂性。