New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Any way for translate SVG elemements - on IE ? #18
Comments
Hey @Oguima ! You mean transform with <g id="termometro" transform="translate(0, -70px)"> Thanks |
Testing ... Now :D Thanks |
I try: Error: Invalid value for attribute transform="translate(0, -70px)" |
@Oguima surely. remove pixels: termometro.setAttribute("transform", 'translate(0, ' + (-70*progress) + ')'); |
Good news for me, work :D. Via mojs, work, partial. I need more tests for this. new mojs.Tween({
repeat: 1,
delay: 0,
duration: 2000,
onUpdate: function (progress) {
termometro.setAttribute("transform", 'translate(0, ' + 1*progress + ')');
}
}).run(); |
termometro.setAttribute("transform", 'translate(0, ' + 70*(1-progress) + ')'); |
Works... but 2 times ?!? ... termometro.setAttribute("transform", 'translate(0, ' + -70*(1-progress) + ')'); |
@Oguima exactly. You have |
I try with WAAPI, and not work ... with SVG. works fine with divs ... achievement unlocked:
Thanks |
np |
Sample Works Fine: Click on termometer, UP and Down - works on IE.
|
yay! |
SVG inline elements, cam be tranlated ...
Works fine in: Chrome, Firefox and Safari ...
IE - not transform SVG elements.
Exemple:
http://codepen.io/Oguima/pen/XmvVqQ
The text was updated successfully, but these errors were encountered: