1. 홈
  2. 질의 응답
  3. Raphael JS 3D 효과 그림자

Raphael JS 3D 효과 그림자

2012-09-05 4 views
0

나는 꽤 복잡한 Raphael JS 도넛 그래프를 만들려고합니다.Raphael JS 3D 효과 그림자

몇 가지 문제가 있습니다. 그 중 하나는 모양의 7px 두께를 시뮬레이트하기 위해 7 개의 그림자 (백열) 또는 도넛 중복을 추가하여 해결할 계획 인 3D 효과입니다.

어떻게하면 좋을까요? 미리 감사드립니다 ...

출처

2012-09-05 curly_brackets

+0

http://jsfiddle.net/vedmack/sutLS/2/ – Daniel

답변

0

일곱 그림자는 계산하기에 비용이 많이 들기 때문에 좋은 방법이 아닌 것처럼 보입니다.보기 좋지 않고 일반적으로 픽셀을 고려하지 않기 때문에 벡터 그래픽 작업.

원통 세그먼트를 그리려면 그립니다. 측면 포함. 단색으로도 3D의 합리적인 환상을 만들 수 있으며 그래디언트를 사용하여 조명을 시뮬레이션하여 멋지게 만들 수 있습니다. 실제로 어떤 얼굴이 보이는지 추적해야하지만, 그림자 문제를 포함하여 3D에 대한 접근 방식이 거의 다릅니다.

출처

2012-09-05 23:01:46 Qnan

+0

여기 내 PIE를 Fiddled했습니다 : http://jsfiddle.net/xEYpL/. 나는 그것이 내가 힘들어하는 도넛이되기를 원하며, 더 나아가, 당신이 제안한 것을하고 싶습니다. 그러나 당신이 저를 안내 할 수 있습니까? –

+0

그것은 단지 코딩의 문제입니다. 기본 도넛 렌더링에 대해서는 http://jsfiddle.net/xEYpL/15/를 확인하십시오. 거기에서 관리 할 수있을 것입니다. – Qnan

+0

물론 코드의 문제입니다. 어떻게 든 그것은 항상 ...-) ... 도넛 모양에 감사드립니다. 그러나 여기에서 3D 스타일 렌더링을 위해 어디로 가야할지 이해하지 못합니다. 도넛. 나의 초기 생각은 도넛을 7 번 복사하는 것이지만, 그렇지 않으면 나에게 확신을 주었다. 올바른 방향으로 나를 가리킬 수 있습니까? 나는 단색, 짙은 색, 꼭대기보다 색이 필요할 뿐이므로 그다지 환상적이지 않다. 그러나 그것의 수학은 완전히 고통스럽게 보입니다. –

관련 문제

 관련 문제