Internet-Explorer – Keep the aspect ratio on Internet Explorer using SVG images

I have a svgz image called image.scgz with a specified width and height.

I want to make a thumb image with a width of 120px and Keep the aspect ratio.

On chrome, I only need to write However, it does not apply to 9 & 10:
> First of all I have to write to zoom the width, I don’t understand the logic.
>Secondly, not to maintain the aspect ratio

I have seen solutions using preserveAspectRatio attribute of balise svg, but I don’t want to modify my image file.

You must use the SVG element instead of the HTML element. As the SVG element can take an html preserveAspectRatio and viewBox attributes. The element is not supported.

< p>I have an svgz image called image.scgz with a specified width and height.

I want to make a thumb image with a width of 120px and maintain the aspect ratio.

< p>On chrome, I only need to write However, it does not apply to 9 & 10:
>First I will write Scaling width, I don’t understand the logic.
>Secondly, not maintaining aspect ratio

I have seen preserveAspectRatio using balise svg Attribute solution, but I don’t want to modify my image file.

You must use SVG element instead of HTML element as SVG< image>Element can use a preserveAspectRatio and viewBox attributes of html. Element does not support.

Leave a Comment

Your email address will not be published.