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

Edits to Cytoscape canvas not being saved to .png

本文关键字：保存 png 编辑 Cytoscape      更新时间：2023-09-26

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

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

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

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

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

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

相关文章：