Missing text in rendered image

GoJS
1

Hi Walter,
We are downloading the go js diagram as an image by using some code like below.
let d = myDiagram.documentBounds;
myDiagram.makeImageData({ background: “white”, returnType: “blob”, callback: myCallback, size: new go.Size(d.width, d.height), maxSize: new go.Size(Infinity, Infinity) });

The whole diagram is getting downloaded properly, But text in few nodes not coming in the downloaded image. But when we see in the go js diagram, the text is available.

Can you please help with any possible reason why the text is missing in downloaded image?

2

That’s odd. Could you please show us a small screenshot of the node with the text and the same area of the rendered image?

3

In go js diagram:
image (2)
image (1)

In downloaded Image:

image
image2257×373 62.9 KB

image
image2245×361 58.1 KB

4

How is the template for those elliptical nodes defined, and what is an example of the node data object where the text doesn’t show? I’m wondering if you have constrained the TextBlock’s size too much, causing the text to be clipped.

5

Just I tried, while making blob object I tried to add a new property scale:2. Earlier in the first 2 nodes In downloaded Image: I was getting the text(AI, A, C, G, K, O…), but because of this scale:2 now I am not getting text in that two nodes as well.

Ellipse design:
var Toggle_Ellipse=$(go.Node, “Viewbox”,
{ selectable: true, selectionAdornmentTemplate: nodeSelectionAdornmentTemplate },
{ resizable: true, minSize: new go.Size(150, 80) },
{ rotatable: true, rotateAdornmentTemplate: nodeRotateAdornmentTemplate },
new go.Binding(“position”, “loc”, go.Point.parse),
$(go.Panel, “Spot”,
$(go.Shape, “Ellipse”,
{
width: 150, height: 80,name:“size”,fill: “whiteSmoke”,
portId: “1”, fromLinkable: true, toLinkable: true, cursor: “pointer”, toSpot: go.Spot.MiddleBottom
}, new go.Binding(“fill”, “fill”),new go.Binding(“portId”,“portId”),new go.Binding(“toSpot”,“toSpot”)
),
$(go.TextBlock, {
font: “bold 30px sans-serif”, alignment: new go.Spot(0.4, 0.4, 8, 8),
width: 45, height: 30, text: “”
}, new go.Binding(“text”, “toggleEllipseText”))
));

6

If you remove the settings of width and height on the TextBlock, does the problem go away?

7

Hey, Thanks Walter. Just I removed width and height of the text block. Now the text is coming in downloaded image.

Thanks’ for your help.