Export svg is not same as png

[Minh Nguyen]

Hello,

I have used exportDiagram(), for PNG, BMP and JPG format, it's work. But for SVG format, background does not look like other

Here are my code:

diagram.exportDiagram({

      fileName: this.selectedItem.exportSettings.fileName,

      format: this.selectedItem.exportSettings.format as FileFormats,

      region: this.selectedItem.exportSettings.region as DiagramRegions,

      mode: 'Download',

      stretch: 'Stretch',

      margin: {

        left: 10,

        right: 10,

        top: 10,

        bottom: 10

      }

    })

• Add to Phrasebook
  • No word lists for English -> Vietnamese...
  • Create a new word list...
• Copy

Attachment: export_73348b84.zip

[Aravind Ravi]

Hi Minh, 

We are unable to reproduce the reported issue at our end. When we change the background color of the diagram and export as SVG , the background color has been applied in the exported image. We have attached a video demonstration that background color is applied for SVG. Please find the video in below link 

Video: https://www.syncfusion.com/downloads/support/forum/156456/ze/Export1800797374 

So please share us a simple sample illustrating issue or export options that you used in your sample. This will help us to proceed further. 

Regards 

Aravind Ravi 

[Minh Nguyen]

Hi Aravind,

Sorry for lack of information. I think it's because of page position is negative.

Here are SVG file

Here are PNG file

Thanks

• Add to Phrasebook
  • No word lists for English -> Vietnamese...
  • Create a new word list...
• Copy

• Add to Phrasebook
  • No word lists for English -> Vietnamese...
  • Create a new word list...
• Copy

[Aravind Ravi]

Hi Minh, 

 

We are able to reproduce the reported issue at our end. We are validating the issue and update the validation details within two business days on August 4^th 2020. 

 

Regards 

Aravind Ravi 

[Aravind Ravi]

Hi Minh,    

    

Reported Issue : SVG image not exported properly 

      

We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on August 25^th 2020, weekly patch release.  

 

https://www.syncfusion.com/feedback/16698/svg-image-not-exported-properly 

    

Regards,    

Aravind Ravi 

[Minh Nguyen]

Hi Aravind, thanks for your quick support.

[Aravind Ravi]

Hi Minh, 

 

Thanks for the update. As we promised earlier, We will fix this issue and provide the patch on August 25^th 2020, weekly patch release.   

  

https://www.syncfusion.com/feedback/16698/svg-image-not-exported-properly  

 

Regards 

Aravind Ravi 

[Aravind Ravi]

Hi Minh,

The issue with “SVG image not exported properly” has been fixed and the patch for this fix can be downloaded from the following location.

Please find the patch setup from below location:
https://www.npmjs.com/~syncfusionorg

  

Please upgrade to the latest version packages to resolve this issue.          

https://www.npmjs.com/package/@syncfusion/ej2-diagrams       

Disclaimer :
Please note that we have created this patch for version 18.2.55 specifically to resolve the following issue(s) reported in this/the Forum.

If you have received other patches for the same version for other products, please apply all patches in the order received.
This fix will be included in our 2020 Volume 3 main release which will be available at end of September.  

Regards,
Aravind Ravi  

[Aravind Ravi]

Hi Minh,

We are glad to announce that our Essential Studio 2020 Volume 3 release v18.3.0.35 is rolled out and is available for download under the following link. We have fixed the reported issue and included it in our 2020 Vol 3 Main release(v18.3.35 Main) which is rolled out successfully.   

https://www.syncfusion.com/forums/158306/essential-studio-2020-volume-3-release-v18-3-0-35-is-available-for-download

Please upgrade to the latest version packages to resolve this issue.         
https://www.npmjs.com/package/@syncfusion/ej2-diagrams      

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,          
Aravind Ravi 

[Leo Miles]

Exporting an SVG file is not the same as exporting a PNG because SVGs are vector-based, meaning they can scale infinitely without losing quality, while PNGs are raster images with fixed resolution. This difference affects how your designs appear when resized or printed. For Minecraft Pocket Edition APK fans, understanding this is useful when creating custom textures, banners, or artwork, ensuring your creations look crisp whether displayed in the game or shared as images.

[Moulidharan Gopalakrishnan]

Hi,

 

Thank you for your update. Please feel free to reach out if you need further assistance, we're always happy to help!

 

 

Regards,

Moulidharan