1. Home
  2. Forum
  3. Vue
  4. Export svg is not same as png

Export svg is not same as png

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

10 Replies 1 reply marked as answer
AR Aravind Ravi Syncfusion Team July 29, 2020 12:52 PM UTC

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 


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 


MN Minh Nguyen July 29, 2020 06:42 PM UTC

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

AR Aravind Ravi Syncfusion Team July 30, 2020 09:00 AM UTC

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 4th 2020. 
 
Regards 
Aravind Ravi 


AR Aravind Ravi Syncfusion Team August 5, 2020 03:52 AM UTC

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 25th 2020, weekly patch release.  
 
    
Regards,    
Aravind Ravi 


MN Minh Nguyen August 5, 2020 12:30 PM UTC

Hi Aravind, thanks for your quick support.

AR Aravind Ravi Syncfusion Team August 6, 2020 04:12 AM UTC

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


AR Aravind Ravi Syncfusion Team August 26, 2020 03:37 AM UTC

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.          

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  



AR Aravind Ravi Syncfusion Team October 6, 2020 06:54 AM UTC

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 


Marked as answer
LM Leo Miles November 9, 2025 08:04 PM UTC

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.


MG Moulidharan Gopalakrishnan Syncfusion Team November 13, 2025 05:34 AM UTC

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


Loader.
Up arrow icon