Steps to reproduce
Canvas drawImage() does not render the image if the image is cropped from it’s original size if the image is an SVG. (It works for non SVG images).
Say if the SVG image is of size 41x51, then the following code does not work:
var canvas = document.getElementById(‘canvas’);
var image = …
ctx.drawImage(image, 0, 0, 42, 51, 0, 0, 41, 51);
Note that the 4th argument is 42 instead of 41. (Anything other than 41 doesn’t work).
Please see the plunkr at: http://plnkr.co/edit/kEMS7G?p=preview
SVG is supposed to render
Dev Channel specific:
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Mara P.”
Changed Assigned To to “Rossen A.”
Changed Assigned To from “Rossen A.” to “Kevin B.”
Changed Status to “Confirmed”
Changed Assigned To from “Kevin B.” to “Bogdan B.”
Changed Status from “Confirmed” to “Won’t fix”
Changed Status from “Won’t fix” to “Fixed”
Thank you for providing this information about the issue. We are pleased to report this feature is fixed in Edge 17093 and is available in our Insider Preview build.
The MS Edge Team