{"action":"opened","issue":{"url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/78","repository_url":"https://api.github.com/repos/twitter-fabric/velocity-react","labels_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/78/labels{/name}","comments_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/78/comments","events_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/78/events","html_url":"https://github.com/twitter-fabric/velocity-react/issues/78","id":137860626,"number":78,"title":"svg move animation","user":{"login":"pavel1860","id":9964429,"avatar_url":"https://avatars.githubusercontent.com/u/9964429?v=3","gravatar_id":"","url":"https://api.github.com/users/pavel1860","html_url":"https://github.com/pavel1860","followers_url":"https://api.github.com/users/pavel1860/followers","following_url":"https://api.github.com/users/pavel1860/following{/other_user}","gists_url":"https://api.github.com/users/pavel1860/gists{/gist_id}","starred_url":"https://api.github.com/users/pavel1860/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pavel1860/subscriptions","organizations_url":"https://api.github.com/users/pavel1860/orgs","repos_url":"https://api.github.com/users/pavel1860/repos","events_url":"https://api.github.com/users/pavel1860/events{/privacy}","received_events_url":"https://api.github.com/users/pavel1860/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-02T12:23:20Z","updated_at":"2016-03-02T12:23:20Z","closed_at":null,"body":"hi.\r\nI need to create svg animation. I have two rectangles wraped in g component and all of them are in a react class (see the code) when I use VelocityComponent on the obj class some of the animations working, like the opacity , translateX and the fill animation but not the move X animation.\r\n\r\n\r\n`class Obj extends React.Component{\r\n    render(){\r\n        return(\r\n            <g>\r\n                <rect x={100} y={300} width={200} height={200}/>\r\n                <rect x={400} y={300} width={100} height={100}/>\r\n            </g>\r\n        );\r\n    }\r\n}\r\n\r\nexport default class MainVelocity extends React.Component {\r\n    constructor() {\r\n        super();\r\n        this.state = {showSubComponent:false};\r\n    }\r\n\r\n    onClick(){\r\n        this.setState({showSubComponent: !this.state.showSubComponent});\r\n    }\r\n\r\n    render() {\r\n        var anim = { opacity: this.state.showSubComponent ? 1 : 0 ,\r\n            x:this.state.showSubComponent?\"+=300\":\"-=300\",\r\n            translateX:300,\r\n            fillGreen:this.state.showSubComponent?255:0,\r\n           }\r\n        return (\r\n            <div>\r\n                <button onClick={this.onClick.bind(this)}>click me</button>\r\n                <svg\r\n                    width={window.innerWidth}\r\n                    height={window.innerHeight}\r\n                >\r\n                        <VelocityComponent animation={anim} duration={500}>\r\n                            <Obj/>\r\n                        </VelocityComponent>\r\n                </svg>\r\n            </div>\r\n        );\r\n    }\r\n}`\r\n\r\nI could not find any tutorials on how to create svg animations with velocity-react. is it possible? and how is the library support for svg?\r\nby the way I think the way you  integrated velocity into react is great!\r\nthanks."}}