对 Cytoscape canvas 的编辑未保存到 .png

Question

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

图形呈现后，我正在编辑 canvas 像这样：

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

虽然 "hello world" 现在可见，但随后调用 .png() 会生成没有额外文本的图像。如何让我的自定义更改显示在图像中？

Answer 1

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

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

Edits to Cytoscape canvas not being saved to .png