Using center with angle: 0 does not center the image at the specified coordinate

eugenii / jqueryrotate

Automatically exported from code.google.com/p/jqueryrotate

1 stars 0 forks source link

Using center with angle: 0 does not center the image at the specified coordinate #109

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago

What steps will reproduce the problem?
1. $('#someImg').rotate({angle:0, center: ['50%', '50%']})

What is the expected output? What do you see instead?
The image should be centered at 50% width.
The image is identical to it's version without rotate applied. 

What version of the product are you using? On what operating system?
Using jqueryrotate 2.3 on Chrome 36.0.1985.143 m, Windows 8

Please provide any additional information below.

Original issue reported on code.google.com by cmoe...@gmail.com on 24 Aug 2014 at 2:34

GoogleCodeExporter commented 9 years ago

I'm not sure what is wrong .... Here is your test case applied to fiddle.net, 
can you give some more explanation for what is wrong?

http://jsfiddle.net/4vyh27uu/

Original comment by wil...@gmail.com on 24 Aug 2014 at 5:01

Added labels: ****
Removed labels: ****

GoogleCodeExporter commented 9 years ago

Here's an updated version of the issue: http://jsfiddle.net/4vyh27uu/1/

I guess I would expect the three images to differ in their centers, but they 
are placed identically.

Original comment by cmoe...@gmail.com on 24 Aug 2014 at 6:01

Added labels: ****
Removed labels: ****

GoogleCodeExporter commented 9 years ago

There are 2 approaches to make center rotation works and I used the one that is 
used in chromium browser, so center of rotation does not also additionaly shift 
image. Here, this version should give you idea how it's behaving, and yes - its 
intended.

http://jsfiddle.net/4vyh27uu/2/

Original comment by wil...@gmail.com on 24 Aug 2014 at 8:15

Added labels: ****
Removed labels: ****