SSB

Hi All, Im trying to draw an svg Path from the centre point, which uses Draggable method. On Drag im trying to generate a straight Line from a centre Dot. The centre Dot is fixed and only straight line should be generated on x axis. I see its working chrome and safari, but i see the Center Dot also moving while dragging Fire Fox Browser. I have attached code pen link with demo. Could you please check and help us what is missing 1) Generate Straight Line along xais on dragging from center DOt 2) Center Dot should be sticked and should not moved Kind Regards. Sumanth

Hi All, I have created a Draggable elements which slides on a particular slider path which is at the center of the window screen. During some action, i need to move the elements along x axis of window coordinates, it seems x coordinates of dragable element is different from window X as the X values in Tweenlite always points to the slider path of the element. What is the property we need to use in Tweenlite to make the dragable element moves along with respect to window x positions. Basically im trying to move the dragable element to the position of the another element which x position has calculated from 'getBoundingClientRect' method Created element as dragable:- Draggable.create('element', { bounds: 'sliderPath', type: 'x', throwProps: true, minDuration: 0.25, maxDuration: 1.5 } Tried : TweenLite.to('element', 0.4, { x: 0 }); [always resets to slider path start position not window start] Question : TweenLite.to('element', 0.4, { ?: 0 }); what should be the correct property to fill "?" in the above line to move the element along x axis of window. Thank you