Search jQuery

jQuery Forum

jQuery SVG - How to flip object

in Using jQuery Plugins • 10 years ago

I am trying to get an object to flip horizontally and/or vertically but do whatever I may I am not able to achieve this.

Can someone please guide me?

TIA

Yogi Yang

Replies(3)

yogiyang

Re: jQuery SVG - How to flip object

10 years ago

I hope this is the right place to ask questions pertaining to jQuery SVG Plugin?

kbwood.au

Re: jQuery SVG - How to flip object

10 years ago

You need to apply a scale transform to the SVG. You'll also need to add a translate transformation to bring the image back into view as it flips around the x- or y-axis.

$('#picture', svg.root()).attr('transform', 'scale(-1 1) translate(-200 0)'); // Flip along vertical axis
$('#picture', svg.root()).attr('transform', 'scale(1 -1) translate(0 -200)'); // Flip along horizontal axis

yogiyang

Re: jQuery SVG - How to flip object

10 years ago

Thanks a loads for helping me out.

I was really stuck and could not solve this problem.

Regards,

Yogi Yang

Top Reply

Response title

Attachments

jQuery Forum

jQuery SVG - How to flip object

Replies(3)

Re: jQuery SVG - How to flip object

Re: jQuery SVG - How to flip object

Re: jQuery SVG - How to flip object

Statistics

Tags

Actions

Related Posts