Rotate is behaving awkwardly when applying flip functionality to an svg image.

[Kalavathis .b]

I want to enable a feature called Flip on X axis for an element (Similar to what happens in Adobe Illustrator)

I am trying this to flip the image

jQuery('#btn-flip').on('mousedown', _.bind(function (evt) {

            jQuery.each(this.selection.models, function (modelCounter, model) {

                var currentBbox = model.getBBox();

                var x = currentBbox.x;

                var y = currentBbox.y;

                var width = model.attributes.size.width;

                var pos = x + width;

                jQuery("[model-id='" + this.id + "']").attr("transform", "translate(" + pos + "," + y + ")scale(-1,1)");

            });

        }, this));

Flip is working as expected but when i try to rotate an image after flip,It is getting rotated in opposite direction of Halo rotate.

(means if I rotate Halo in clockwise ,image is rotating in anticlockwise -ref below image).

Is there s feature in JointJS that already does this..?? Dont you guys think that this is basic function that is needed,.?? (I  searched in the API documentation could not find a function that could do this for me.)

I want to alter the Halo's feature to rotate in the AntiClockwise if an element has been flipped (I believe this can be done by just rotating the object with the same angle but with a negetive)

[Roman Bruckner]

Hi,

element flipping is currently not supported in JointJS (It's on our roadmap though). For now please take a look at the following JSFiddle, that shows a workaround for the flip functionality.

http://jsfiddle.net/kumilingus/kphjLc4a/

When you rotate `cylinder` and `flippedCylinder` elements they both rotate in the same direction. So it might be a bug in your implementation.

Best,

Roman

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Roman Bruckner, CTO

client IO

http://client.io

http://jointjs.com

+420 776 504 406

[Kalavathis .b]

Your thing for flip is working but still facing same rotate issue(when Halo rotates clockwise but image rotates anticlockwise).

[Roman Bruckner]

Unfortunately I can't reproduce it.

http://jsfiddle.net/kumilingus/e8zhd76s/

Best,

Roman

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Kalavathis .b]

That worked a charm thanks. 
and thank you for such a quick reply as well. 

On Thursday, August 4, 2016 at 1:10:23 PM UTC+5:30, Kalavathis .b wrote:

[Kalavathis .b]

Hi After Flip on X axis as you suggested in http://jsfiddle.net/kumilingus/e8zhd76s/  "remove ('X')" on Halo not working.

Means When I click on 'X' Mark the Element is not getting removed .

Please Help

On Thursday, August 4, 2016 at 1:10:23 PM UTC+5:30, Kalavathis .b wrote:

[Vladimír Talaš]

Hi, 

I've noticed there is a option `handles` in demo, with only one handle - rotate.

I added the remove handler http://jsfiddle.net/vtalas/sq7hvtqo/

Regrads,

 

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.

To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--

Vladimir Talas

Client IO

http://client.io

[Kalavathis .b]

Hi after flip on X axis as you suggested in http://jsfiddle.net/vtalas/sq7hvtqo/  flip is working as expected ,but when i resize the image using Halo around it Flipped image again changing to original(in the same direction before it was flipped-flipped thing not retaining)

On Thursday, August 4, 2016 at 1:10:23 PM UTC+5:30, Kalavathis .b wrote: