編輯到Cytoscape畫布未保存到.png

Question

我一直在項目上使用cytoscape一段時間，但想要對API不支持的可視化進行一些自定義編輯。我可以用本地畫布方法來做到這些。但是，一旦我更新畫布，所做的更改就不會反映在下載的圖像中（由.png（）方法生成）。

圖形渲染了之後，我編輯的畫布是這樣的：

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

雖然「世界你好」現在是可見，後續調用png格式（）產生，沒有額外的文本圖像。我如何讓自定義更改顯示在圖像中？

Answer 1

該工作流程不起作用，因爲您正在修改私人數據（即畫布），並假定它會導致特定的後置條件。

您可以改爲抓住PNG，將該圖像拉入您自己的畫布中，然後根據需要修改它。