라파엘 반복 배경 무늬

Question

전체 SVG 요소의 배경으로 반복되는 사각형 패턴 (청사진과 비슷 함)을 갖고 싶습니다. 나는 라파엘을 사용하고있다. 이것을 어떻게 할 수 있습니까?

SetViewBox을 사용하여 SVG를 이동/확대/축소 할 때 이미지보다는 SVG로이 작업을 수행하고 싶습니다. 배경을 적절하게 확대하고 싶습니다.

Answer 1

하나의 옵션은 paper.rect()을 통해 이러한 사각형을 일반적인 방법으로 렌더링하는 것입니다. 하지만 비싸지 만 캔버스의 크기가 커지면 유지 보수가 필요합니다.

다른 옵션은 패턴이 지정된 채우기, 즉 paper.rect(0,0,100,100).attr({fill: "url(images/pattern.png)"}); (this tutorial 참조)을 수행하는 것으로, 주어진 이미지를 자동으로 반복해야합니다. 그래도 그 일은하지 않았으므로 SetViewBox() 할 때 패턴이 어떻게 스케일되는지는 잘 모르겠습니다.