eugenii / jqueryrotate

Automatically exported from code.google.com/p/jqueryrotate
1 stars 0 forks source link

No anti-aliasing between image edge and image padding in Chrome. #53

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. Add a 10-pixel or similar padding around an image using CSS
2. Rotate the image using jQueyRotate 2.1.

What is the expected output? What do you see instead?

Edge of image is smooth in all browsers, except Chrome.

What version of the product are you using? On what operating system?

Version 2.1 and Chrome 14.

Please provide any additional information below.

Original issue reported on code.google.com by mar...@bluebeamdesign.com on 27 Oct 2011 at 3:38

GoogleCodeExporter commented 9 years ago
In fact has nothing to do with padding - image edge is not anti-aliased in 
Chrome under any circumstances.

Original comment by mar...@bluebeamdesign.com on 27 Oct 2011 at 3:41

GoogleCodeExporter commented 9 years ago
Well all rotations in chrome is done using native CSS3, and any issue related 
to anti-aliasing is a browser issue :( If this is quite important for you, and 
If I were you I would instead of adding padding+border - reconsider putting an 
image into bigger container that has its own border and ... use jQueryRotate3 
(in trunk) to rotate whole container.

Bad thing is that there is not too much I can do with this from plugin level, 
so some workaround are needed :/

Original comment by wil...@gmail.com on 28 Oct 2011 at 8:36