White space is getting added for Inserted SVG images (C# .NET)

adamtrien · March 4, 2020, 4:03pm

I am generating PPT slides and inserting svg images. When the slide is created, the Aspose library is [sometimes] adding white space around the image (see screenshot). This only appears to be happening on my machine, and only occurs ~50% of the time. There is another developer who is able to create slides off the same exact images and they are not running into this issue.

To create the image, we are converting a base 64 string into an svg and then loading them into Aspose. Here are the relevant commands we are using:

var svgImage = new SvgImage(Convert.FromBase64String(fc.FileImage))
presentation.Images.AddImage(svgImage);

image.png (29.5 KB)

Below I have included the Base64 string for your reference.

Any ideas why I am seeing extra white space around my images?

Thanks!

PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTc4LjI1cHQiIGhlaWdodD0iMzg4LjVwdCI+DQogPGcgaWQ9IlNGaXhUaXRsZSIgLz4NCiA8ZyBpZD0iU0NvbnRlbnQiPg0KICA8ZyB0cmFuc2Zvcm09InNjYWxlKDEuMzMzMzMpIj4NCiAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgPGc+DQogICAgIDxwYXRoIGQ9Ik0wLDAgTDU3OC4yNSwwIEw1NzguMjUsMzg4LjUgTDAsMzg4LjUgWiAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgLz4NCiAgICAgPHBhdGggZD0iTTc4Ljc1LDM0MiBMNTcwLjc1LDM0MiAiIHN0cm9rZT0iI0Q5RDlEOSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iMC43NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgLz4NCiAgICAgPHBhdGggZD0iTTc4Ljc1LDM0MiBMNzguNzUsMzQ3LjI1ICIgc3Ryb2tlPSIjRDlEOUQ5IiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIiAvPg0KICAgICA8cGF0aCBkPSJNMjQyLjc1LDM0MiBMMjQyLjc1LDM0Ny4yNSAiIHN0cm9rZT0iI0Q5RDlEOSIgc3Ryb2tlLW9wYWNpdHk9IjEiIHN0cm9rZS13aWR0aD0iMC43NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgLz4NCiAgICAgPHBhdGggZD0iTTQwNi43NSwzNDIgTDQwNi43NSwzNDcuMjUgIiBzdHJva2U9IiNEOUQ5RDkiIHN0cm9rZS1vcGFjaXR5PSIxIiBzdHJva2Utd2lkdGg9IjAuNzUiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMCkiIC8+DQogICAgIDxwYXRoIGQ9Ik01NzAuNzUsMzQyIEw1NzAuNzUsMzQ3LjI1ICIgc3Ryb2tlPSIjRDlEOUQ5IiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIiAvPg0KICAgICA8Zz4NCiAgICAgIDxkZWZzPg0KICAgICAgIDxjbGlwUGF0aCBpZD0iQ0xJUDAiPg0KICAgICAgICA8cGF0aCBkPSJNNzguNzUsNDggTDU3MC43NSw0OCBMNTcwLjc1LDM0MiBMNzguNzUsMzQyIFogIiAvPg0KICAgICAgIDwvY2xpcFBhdGg+DQogICAgICA8L2RlZnM+DQogICAgICA8ZyBjbGlwLXBhdGg9InVybCgjQ0xJUDApIj4NCiAgICAgICA8cGF0aCBkPSJNMTYwLjc1LDI4NS43NDgwMTYzNTcgTDMyNC43NSwxNDMuOTMzNjA5MDA5IEw0ODguNzUsNjYuMTQwMzA0NTY1ICIgc3Ryb2tlPSIjNDQ3MkM0IiBzdHJva2Utb3BhY2l0eT0iMSIgc3Ryb2tlLXdpZHRoPSIzLjc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgLz4NCiAgICAgIDwvZz4NCiAgICAgPC9nPg0KICAgICA8ZyAvPg0KICAgICA8Zz4NCiAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICAgPGRlZnM+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iQ0xJUDEiPg0KICAgICAgICAgPHBhdGggZD0iTTIzNCw3LjUgTDM0NC4yNSw3LjUgTDM0NC4yNSwyOC41IEwyMzQsMjguNSBaICIgLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICAgICA8L2RlZnM+DQogICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI0NMSVAxKSI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjM5Ljg0MTMwODU5LDI2LjU0NDkyMTg4KSI+DQogICAgICAgICA8dGV4dCB4PSIwIiB5PSItMy40OTk5OTk3NiIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM1OTU5NTkiPkVCSVREQTwvdGV4dD4NCiAgICAgICAgIDx0ZXh0IHg9IjQxLjUxNDY0ODQ0IiB5PSItMy40OTk5OTk3NiIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM1OTU5NTkiPiA8L3RleHQ+DQogICAgICAgICA8dGV4dCB4PSI0NC42Nzk2ODc1IiB5PSItMy40OTk5OTk3NiIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM1OTU5NTkiPk1hcmdpbjwvdGV4dD4NCiAgICAgICAgIDx0ZXh0IHg9Ijg1LjM5NDUzMTI1IiB5PSItMy40OTk5OTk3NiIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM1OTU5NTkiPiA8L3RleHQ+DQogICAgICAgICA8dGV4dCB4PSI4OC41NTk1NzAzMSIgeT0iLTMuNDk5OTk5NzYiIGZvbnQtZmFtaWx5PSJDYWxpYnJpIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNTk1OTU5Ij4lPC90ZXh0Pg0KICAgICAgICA8L2c+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDE1NS42ODE2NDA2MywzNzguNjY0MDYyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjE8L3RleHQ+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDMxOS42ODE2NDA2MywzNzguNjY0MDYyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjI8L3RleHQ+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDQ4My42ODE2NDA2MywzNzguNjY0MDYyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjM8L3RleHQ+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDIzLjM4MDg1OTM4LDM1NC41ODIwMzEyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjAuMCU8L3RleHQ+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDIzLjM4MDg1OTM4LDMxNy4wODIwMzEyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjUuMCU8L3RleHQ+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDEzLjI0NDE0MDYzLDI4MS4wODIwMzEyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjEwLjAlPC90ZXh0Pg0KICAgICAgIDwvZz4NCiAgICAgIDwvZz4NCiAgICAgPC9nPg0KICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMCkiPg0KICAgICAgPGc+DQogICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwxMy4yNDQxNDA2MywyNDMuNTgyMDMxMjUpIj4NCiAgICAgICAgPHRleHQgeD0iMCIgeT0iLTUiIGZvbnQtZmFtaWx5PSJDYWxpYnJpIiBmb250LXNpemU9IjIwIiBmaWxsPSIjNTk1OTU5Ij4xNS4wJTwvdGV4dD4NCiAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgIDwvZz4NCiAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIj4NCiAgICAgIDxnPg0KICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTMuMjQ0MTQwNjMsMjA3LjU4MjAzMTI1KSI+DQogICAgICAgIDx0ZXh0IHg9IjAiIHk9Ii01IiBmb250LWZhbWlseT0iQ2FsaWJyaSIgZm9udC1zaXplPSIyMCIgZmlsbD0iIzU5NTk1OSI+MjAuMCU8L3RleHQ+DQogICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgICA8L2c+DQogICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+DQogICAgICA8Zz4NCiAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDEzLjI0NDE0MDYzLDE3MC4wODIwMzEyNSkiPg0KICAgICAgICA8dGV4dCB4PSIwIiB5PSItNSIgZm9udC1mYW1pbHk9IkNhbGlicmkiIGZvbnQtc2l6ZT0iMjAiIGZpbGw9IiM1OTU5NTkiPjI1LjAlPC90ZXh0Pg0KICAgICAgIDwvZz4NCiAgICAgIDwvZz4NCiAgICAgPC9nPg0KICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMCkiPg0KICAgICAgPGc+DQogICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwxMy4yNDQxNDA2MywxMzQuMDgyMDMxMjUpIj4NCiAgICAgICAgPHRleHQgeD0iMCIgeT0iLTUiIGZvbnQtZmFtaWx5PSJDYWxpYnJpIiBmb250LXNpemU9IjIwIiBmaWxsPSIjNTk1OTU5Ij4zMC4wJTwvdGV4dD4NCiAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgIDwvZz4NCiAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIj4NCiAgICAgIDxnPg0KICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTMuMjQ0MTQwNjMsOTYuNTgyMDMxMjUpIj4NCiAgICAgICAgPHRleHQgeD0iMCIgeT0iLTUiIGZvbnQtZmFtaWx5PSJDYWxpYnJpIiBmb250LXNpemU9IjIwIiBmaWxsPSIjNTk1OTU5Ij4zNS4wJTwvdGV4dD4NCiAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgIDwvZz4NCiAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIj4NCiAgICAgIDxnPg0KICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTMuMjQ0MTQwNjMsNjAuNTgyMDMxMjUpIj4NCiAgICAgICAgPHRleHQgeD0iMCIgeT0iLTUiIGZvbnQtZmFtaWx5PSJDYWxpYnJpIiBmb250LXNpemU9IjIwIiBmaWxsPSIjNTk1OTU5Ij40MC4wJTwvdGV4dD4NCiAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgIDwvZz4NCiAgICA8L2c+DQogICA8L2c+DQogIDwvZz4NCiA8L2c+DQogPGRlZnMgLz4NCjwvc3ZnPg0K

mudassir.fayyaz · March 5, 2020, 3:38am

@adamtrien,

I have observed the issue shared by you and request you to please share the source SVG file along with source presentation (if any ) and generated output presentation. Please also share the sample code that you have used too. I am assuming that you have tried using Aspose.Slides for .NET 20.2 on your end for your testing.

adamtrien · March 5, 2020, 5:02pm

I have been testing on 20.1 but I will switch to 20.2 and run more tests. In the original post I included the Base64 string that I am converting to an svg on-the-fly to load into the presentation. Here is the code I am using:

var svgImage = new SvgImage(Convert.FromBase64String(fc.FileImage))
presentation.Images.AddImage(svgImage);

The exact same image/code works properly on other people’s development machines which leads me to believe it is not an issue w/ the SVG itself. This problem occurs on any SVGs that I attempt to load, not just this specific one.

Thanks,
Adam

mudassir.fayyaz · March 5, 2020, 7:58pm

@adamtrien,

Thank you for sharing the feedback with us and for your explanation the issue is only getting reproduced on your machine for any SVG you use. Where as there is no issue incurring for same SVG on others machine. Can you please share the machine specifications where things are working fine and your machine specification where things are failing. Please also provide a workable sample code along with generated output presentation with us for reference.