Exported PNG image is cropped

Stephen_Felsher · November 12, 2019, 12:51am

I loaded the sample diagram and then exported the image as PNG. I then dropped the PNG file into my browser (Chrome) and the image was cropped. The tables from the left-side are not visible.

Khoa_Huynh · November 12, 2019, 2:07am

Hi @Stephen_Felsher, we only export the diagram, we don’t export the editor.
If you need to interact with the dbml, we also have tools to do so.
Check out here: https://www.dbml.org/

Stephen_Felsher · November 12, 2019, 2:41am

Yes, I understand. I am saying that the image the tool has exported is cropped.

Khoa_Huynh · November 12, 2019, 2:44am

In that case, can you give us the link (id) of your diagram so we can inspect further on this.

Stephen_Felsher · November 12, 2019, 7:11pm

Load the Sample
Select Export --> Export PNG
Open the PNG.

My OS is Manjaro Linux, so Chrome opens the file in a program called Pix. The image is cropped in that program. If I drag-and-drop the file into a tab in the Chrome browser, the image appears to be cropped. By cropped, I mean that the users and orders tables are not in the image. See included image.

Khoa_Huynh · November 13, 2019, 2:50am

Hi @Stephen_Felsher, we have inspected the issue and confirmed this is a bug.
You can workaround by moving the table around before export png and the image will not be cropped.

conghc · November 18, 2019, 2:39am

Just try the tool today and having same issue … the image is cropped (left side) when exporting to PNG

Khoa_Huynh · November 18, 2019, 2:50am

We are so sorry for the inconvenience, you can try moving the tables around before exporting to PNG so that the image will not be cropped.

Stephen_Felsher · November 18, 2019, 2:51am

As @Khoa_Huynh mentioned, just move one of the tables in the editor before exporting. Once you move the table, the exported image will be correct.

conghc · November 18, 2019, 3:00am

Hi @Stephen_Felsher, thanks for suggestion! But it does not work for me.

Steps:

Click to Auto-arrange
Move one (random) table to the top a little bit
Export PNG

Am I missing anything?

Stephen_Felsher · November 18, 2019, 3:15am

I just tried it again. I did not auto-arrange.

Opened my project. I only have four (4) tables and they are laid out from left-to-right.
Exported as PNG. Verified that the image was cropped.
Moved the left-most table in the diagram.
Exported as PNG again. Verified that the image was not cropped.

conghc · November 18, 2019, 3:38am

I have about 25 tables and it could be the problem. The area exporting might not be big enough to include all of them, my guess.

Khoa_Huynh · November 18, 2019, 3:43am

@conghc have you tried moving more than one table around?

conghc · November 18, 2019, 4:04am

Oh, yes. Moving “more than one” table works!!!

Thanks @Khoa_Huynh for your tip.

Khoa_Huynh · November 18, 2019, 4:13am

We are working on to fix this and will keep you informed when the patch is released.