2012-01-19 3 views
0

HTML5 캔버스를 사용하여 Safari 새 탭 http://images.marketingtechblog.com/uploads/2009/06/safari-new-tab.png과 같은 효과를 만들 수 있습니까?jQuery에서 Safari 홈 페이지가 효과적입니다.

우리는 CSS3 3d 변형으로 비슷한 변환을 할 수 있지만 Webkit 브라우저에서만 지원됩니다. CANVAS를 사용하여 구현할 수 있습니까?

편집 : 캔버스 변환 매트릭스를 사용하여 실제로 어떻게 그 원근감 효과를 구현할 수 있습니까? 이 효과는 단지 등각 투영이 아니라는 것에 주목하십시오. 등각 투영법을 사용하면 참조 이미지와 같이 둥근 모양을 만들 수 있습니다.

+0

가능한 [HTML5 캔버스의 원근감 렌더링] (http://stackoverflow.com/questions/). 5736149/perspective-rendering-in-html5-canvas) – Phrogz

답변

2

아무 것도 그릴 수 있으므로 물론 가능합니다. 그 효과를 얻는 방법을 알고 싶다고 가정합니다.

캔버스에는 변형 행렬이 있습니다. 회전, 크기 조절 및 변환을 직접 설정할 수 있습니다. here. 그리고 일반적으로 캔버스에서 이미 원근감 변환을 수행 한 다른 사람들을 검색합니다 (예 : Can you do an isometric perspective with HTML5 <canvas>?

+0

예, 실제로 힌트를 얻고 싶습니다. 질문을 수정했습니다. 다시보기 바랍니다. –

+0

컨텍스트 변환은 _affine_ 변환이므로 투시 왜곡을 지원하지 않습니다. OP는 이미지 픽셀을 직접 서브 샘플링해야합니다. – Phrogz

관련 문제