amplesdk icon indicating copy to clipboard operation
amplesdk copied to clipboard

smil:animate SVG transform in IE

Open yuriy-sedinkin opened this issue 14 years ago • 1 comments

smil:animate некорректно поворачивает svg:image в IE. То же самое для Chrome работает корректно. svg:rect корректно поворачивается и в IE и в Chrome. Пример:

<svg:svg viewBox="0,0 600,250" width="600px" height="250px" xmlns:smil="http://www.w3.org/2008/SMIL30/" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg"> <svg:rect x="0" y="0" width="464" height="294" rx="10" ry="10"> <smil:animate begin="click" dur="2s" from="rotate(0, 232, 148)" to="rotate(360, 232, 148)" attributeName="transform" /> /svg:rect <svg:image xlink:href="http://www.amplesdk.com/design/img/ample-logo.gif" x="100" y="100" width="264" height="94"> <smil:animate begin="click" dur="2s" from="rotate(0, 232, 148)" to="rotate(360, 232, 148)" attributeName="transform" /> /svg:image /svg:svg

yuriy-sedinkin avatar Oct 25 '10 10:10 yuriy-sedinkin

Issue 22 has minor dependency, as it also produced clipped image

clientside avatar Oct 31 '10 18:10 clientside