Save as png: When adding the graph screenshot node badges are not visible.

[LaraMerdol]

As per cytoscape#2219, anything outside the graph in the DOM is not rendered hence we should create our own png load method.

[LaraMerdol]

cytoscape/cytoscape.js#3055

[LaraMerdol]

pngFull( options:any) method added to the cytoscape-visual-cues.

[LaraMerdol]

Here are some notes regarding the pngFull method. This method uses html2canvas library, which is a new dependency added to the visual-cues extension. However, html2canvas library may not recognize certain elements such as 'cy-context-menus-cxt-menu' and 'cy-panzoom'. To use this method, these elements need to be added to the ignoreElementClasses parameter of the function.

[LaraMerdol]

Margin has been added to the canvas to encapsulate the cues at the edges of the graph bounding box in the PNG.

[LaraMerdol]

Pull request open cytoscape.js-visual-cues/pull/15

[ugurdogrusoz]

Looks good, thanks. Let's wait until the PR is merged into the extension and we start using it from the master branch before we close this issue.

[LaraMerdol]

The pull request was merged. #15