를 사용하여 라파엘 JS 텍스트를 만들 수의 노드

Question

나는 일부를 구축 형태를 사용하여 라파엘,그리고 지금 내가 원하는 텍스트로 그들이다.하지만,그것은 보인다,예제에서는 텍스트 노드에만 연결할 수 있을지지 않 svg 모?

를 만드는 것이 가능합니다 여러 모양으로 다른 텍스트 안에 무엇입니까?

예를 사용되었:

paper.text(50, 50, "Raphaël\nkicks\nbutt!");

Answer 1

라파엘에서,모든 그리기 요소(양,라인,텍스트 등)만 존재하의 일부로 포괄하는 종이 개체입니다.이 없 계층적 구조 그 자체.도 없는 텍스트 특성에 대한 어떤 이러한 형태의 불행하게도.그래서 텍스트 노드 수 없로 연결하는 모양의 요소에 적절한 감각입니다.

그러나 사용할 수 있는'설정'노드 모양의 텍스트 노드에 연결하는 모양입니다.세트의 배열 요소는 변환(translation,회전,etc.)에 적용될 수 있는 모든 구성원에 하나의 작업입니다.그래서 만약 당신이 만들어 집합 중 하나를 포함하는 직사각형과 하나의 텍스트 노드에,당신이 그들을 치료하는 요소으로 하나의 엔티티입니다.를 만들 수 있습니다 두 번째 인스턴스는 설정하고 치료하게 됩니다.하는 동안 그래서 모든 텍스트 요소는 여전히 기술에 속하지체,그들이 동작하는(나)다음과 같은 사각형입니다.

예를 들어:

var paper = Raphael(0, 0, 400, 400);
for (var i = 0; i < 10; i++)
{
    var group = paper.set();
    group.push(paper.rect(10, 10, 50, 20));
    group.push(paper.text(35, 18, "Hello"));

    group.translate(Math.random() * 350, Math.random() * 380);
    group.rotate(Math.random() * 90);
}

로 다른 접근,내가 또한 합리적인 성공을 함께 만드는 다량의 별도의 종이에 있는 개체 페이지입니다.지만 아마 당신이 원하는 곳에 갈 수 있습니다.