2014-05-19 5 views
0

키네틱 텍스트 줄을 반으로 구부리고 싶습니다. 그것은 작동하지만 '굽힘'은 '중심'에서 일어나지 않습니다. 나는 '왜'를 이해하려고 노력하고있다.키네틱 JS 텍스트 '중간 굴곡'

DEMO : 나는 동적으로 경로에 포인트를 위치하면, 나는 시각적으로 '무지개'효과를 얻을 것이라는 점을,의 양쪽 가장자리에 호를 텍스트의 폭에 맞게 생각

http://jsfiddle.net/JSdc2/6gnTm/4/ 하단에 줄 지어 텍스트입니다.

'start', 'control'및 'end'텍스트 곡선에는 3 점이 있습니다. 가로 오프셋 (offX)은 텍스트 개체의 너비의 절반입니다.

var lastWidth = (textpath.getTextWidth()); 
var offX = lastWidth/2; 
q.start.x = q.control.x - offX; 
q.end.x = q.control.x + offX; 

이 작동하지 않는 이유가 있나요? ie : 'textWidth()'는 실제로 텍스트 경로의 호의 길이이며 가로 폭은 아닙니다.

참고 실제로 지금은 정확하게 이동 내 컨트롤 포인트를 업데이트했는지, 나는만큼 내가 왼쪽과 오른쪽 제어 포인트를 잡아 작동 그래서 문제 ... 감사

답변

0

OK 볼 생각 http://jsfiddle.net/JSdc2/6gnTm/5/

: 중앙으로 ... ... 훨씬 더

q.start.x = q.control.x - offX +(variation/2); 
    q.end.x = q.control.x + offX - (variation/2); 

일하고 DEMO를 보정하기