编辑Cytoscape画布未保存到.png

Question

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

图形渲染后，我正在编辑画布：

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

当“hello world”现在可见时，后续调用.png（）会生成一个没有额外文本的图像。如何在图像中显示自定义更改？

Answer 1

该工作流程无效，因为您正在修改私有数据（即画布），并假设它会导致特定的后置条件。

您可以改为抓取PNG，将该图片拉入自己的画布，然后根据需要进行修改。