Bug 95332 - [Chromium]Rotating a div using JavaScript webkitTransform results in a rectangle with jagged edges
Summary: [Chromium]Rotating a div using JavaScript webkitTransform results in a rectan...
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-08-29 05:21 PDT by Mirela
Modified: 2013-04-15 08:30 PDT (History)
2 users (show)

See Also:

Attachments
Jagged edges on the second rectangle (31.77 KB, image/jpeg)
2012-08-29 05:23 PDT, Mirela 		no flags Details
Test file (627 bytes, text/html)
2012-08-29 05:23 PDT, Mirela 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Mirela 2012-08-29 05:21:40 PDT 
Rotating a div using this.style.webkitTransform will result in a rectangle with jagged edge.
E.g.
<div onclick="this.style.webkitTransform='rotate(5deg)'">
</div>

This is not an issue when using css "-webkit-transform" as below:

#div:hover
{
	-webkit-transform: rotate(60deg);
} 

Image and html attached.
Comment 1 Mirela 2012-08-29 05:23:18 PDT 
Created attachment 161193 [details]
Jagged edges on the second rectangle
Comment 2 Mirela 2012-08-29 05:23:44 PDT 
Created attachment 161194 [details]
Test file
Comment 3 Stephen Chenney 2013-04-15 08:30:33 PDT 
Chromium development is no longer active in WebKit. Move discussion to the Chromium bug system.

https://code.google.com/p/chromium/issues/detail?id=231373