Javascript 对Cytoscape画布的编辑未保存到.png

我已经在一个项目上使用了一段时间，但是想对API不支持的可视化进行一些自定义编辑。我可以使用本机canvas方法完成这些操作。但是，一旦我更新了画布，这些更改就不会反映在下载的图像中（由.png（）方法生成）

图形渲染后，我将按如下方式编辑画布：

var canvas = $("canvas")[0];
var ctx = canvas.getContext("2d");
ctx.fillText("hello world", 100, 100);

---

虽然“hello world”现在是可见的，但是对.png（）的后续调用生成的图像没有额外的文本。如何使自定义更改显示在图像中？

该工作流将不起作用，因为您在修改私有数据（即画布）时假设它将导致特定的后置条件

您可以取而代之的是抓取PNG，将该图像拉到您自己的画布中，然后随意修改它