3D 변환 해상도 문제

부모 요소에 원근감을 설정 한 상태에서 요소에 X 또는 Y 회전을 사용하는 경우 변환 된 요소의 해상도가 원래 요소의 확장 된 비트 맵 버전으로 떨어지는 것 같습니다 자신의 결의안.3D 변환 해상도 문제

X/Y 회전을 제거하면이 왜곡이 발생하지 않습니다. Z 회전은 분해능 저하없이 잘 처리되는 것처럼 보입니다. 원근감을 끄면 해상도도 정상적으로 보입니다.

/* # Bug # */ 
/* Removing the perspective gets rid of the resolution drop */ 
body { perspective: 200px; } 

/*/ 
* X and Y rotations cause the resolution to drop 
* while the Z rotation doesn't 
/*/ 
#test { 
    transform: scaleX(5) scaleY(5) rotateX(2deg); 
}

이 파이어 폭스, 크롬, 사파리 (XP)에서 일어날 것으로 보인다. 이 문제를 해결할 수있는 방법이 있습니까? (원본 요소의 크기를 늘린 다음 크기를 줄이는 것 외에도)

출처

2012-11-13 David Bradbury

저는 GPU와 비 GPU 변환을 실행하고 있다고 생각합니다. GPU에 무엇인가가 전달되면 래스터 화 된 복사본이 무엇이든지간에 가져온 다음 픽셀을 늘리고, 압축하고 보간합니다. 브라우저에서 GPU로 무엇을 전달할 것인지 결정해야하기 때문에 브라우저에서 GPU 오프로드 (YMMV)를 사용하지 않도록주의해야합니다. 또는 큰 요소/이미지를 사용하고 최대 배율을 1로 설정하십시오.

출처

2012-11-14 04:22:51

3D 변환 해상도 문제

답변

관련 문제