We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

SVG Exports Don't Work as CSS Backgrounds

Thread ID:

Created:

Updated:

Platform:

Replies:

118674 Mar 31,2015 09:06 AM UTC Jun 12,2015 11:35 AM UTC Metro Studio 5
loading
Tags: Metro Studio
Gary
Asked On March 31, 2015 09:06 AM UTC

Hi,

I'm using Metrostudio to export an icon in SVG format. However attempting to use the exported SVG file does not work correctly when using as a background image in CSS3.

If I use straight-forward formatting as follows:

        background-image: url(/Images/clock-tick.svg);
        background-position: 8px 8px;
        background-repeat: no-repeat;
        background-size: 32px 32px;

This has no affect on the size or position of the SVG icon displayed. I tried the same styling with an SVG file from another source and it works correctly.

Please explain if I am doing something incorrectly in terms of the CSS used.

Thanks,
Gary Halberstadt

Muthukumar A [Syncfusion]
Replied On April 1, 2015 05:03 AM UTC

Hi Gary,

We are able to reproduce the issue with sizing of Metro Studio exportedSVGs. We have logged an issue report for this andthis will be fixed in any of our upcoming Metro Studio release.

Regards,
Muthukumar A

Gary
Replied On April 1, 2015 05:59 AM UTC

Hi Muthukumar,

That's great news.

Thanks,
Gary

Muthukumar A [Syncfusion]
Replied On April 2, 2015 10:49 AM UTC

Hi Gary,

Thanks for the update.
Please let us know if you need any further asssitance.

Regards,
Muthukumar A

Gary
Replied On June 11, 2015 08:23 AM UTC

Hi,

Any idea when an update will be released to correct this problem?

Thanks,
Gary



Muthukumar A [Syncfusion]
Replied On June 12, 2015 11:35 AM UTC

Hi Gary,
 
We are yet to decide the release date of Next version Metro Studio. Please visit our website periodically for further updates.
Please let us know if you need any further assistance.
 
Regards,
Muthukumar A

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;