makeImage resolution not sufficient

GoJS
#1

Hi is there a way where I can use the Diagram.makeImage to give me a high resolution image , so that the texts are readable , the resolution doesnt matter , it can be as high as high as possible .

my imageData code

var img = myDiagram.makeImage({
background: “white”, //NO I18n
scale:1,
maxSize :new go.Size(Infinity,Infinity)
});

this gives me a complete image but the size of the image is small so that I am not able to read text.

downloadedChart (45).png511×3064 3.45 KB

I would prefer a image and not a SVG, thanks

#2

What happens when you increase the scale option?

#3

this image is with scale 2

downloadedChart (48).png1020×6126 138 KB

this image is with scale 5

downloadedChart (48).png1020×6126 138 KB

I am not getting any difference

#4

Have you read http://gojs.net/latest/intro/makingImages.html and http://gojs.net/latest/api/symbols/Diagram.html#makeImageData ? Why did you show the same image in your post for both cases?

#5

this is the code

var img = myDiagram.makeImage({
background: “brown”, //NO I18n
scale:5,
maxSize :new go.Size(Infinity,Infinity)
});

i dont think increasing the scale is causing any difference to the image , thats why I posted both the images (one image was with scale 2 and the other was with scale 5) as a reply to

#6

it seems maxSize :new go.Size(NaN,NaN) , instead of maxSize :new go.Size(Infinity,Infinity) worked but now I am not able to get the complete image because NaN points to (2000) default size, if i use Infinity scaling is not working

var img = myDiagram.makeImage({
		background: "brown", //NO I18n
		scale:5,    
		maxSize :new  go.Size(NaN,NaN)
	});

output:

downloadedChart (52).png2000×2000 93.7 KB

#7

Hi is there anything I can do to work this out ?

#8

I was unable to reproduce the problem before when using size: new go.Size(Infinity, Infinity), and I just tried it again in a different diagram. And it worked well again. This is the code I executed:

  function makeImage() {
    var img = myDiagram.makeImage({
      background: "brown",
      scale: 2.5,
      maxSize: new go.Size(Infinity, Infinity)
    });
    document.getElementById("myImageDiv").appendChild(img);
  }

where the new DIV element was defined by:

    <div id="myImageDiv"></div>

and there is no styling applied to that DIV element.

#9

Furthermore when I look at the two images that you created with scales of 2 and 5 and infinite maxSize, they look fine to me – the text is quite large and sharp. Not in this forum, of course, where the image elements are automatically limited in size to fit.

So I believe you have some problem in how you are handling the resulting image. That’s not a fault of GoJS.