FabricJS 오브젝트의 배경 이미지를 설정하는 방법

Question

원형 오브젝트를 생성하고 채우기를 비 반복 이미지로 설정하고 싶습니다.

패턴을 사용하여이 방법을 시도했지만, repeat을 no-repeat으로 설정하면 패턴이 왼쪽 상단이 아닌 중간에 오프셋됩니다. (그러면 전체 이미지를 볼 수 있습니다.)

1. 전체 이미지를 개체의 배경으로 설정하는 방법이 있습니까?
2. 그렇지 않은 경우 반복되지 않는 배경을 오프셋하는 방법이 있습니까?

Answer 1

이미지를 원으로 자르면됩니다. this demo을보십시오.

패턴 오프셋은 로드맵에있는 것입니다. 나는 방금 전진했다. implemented them.

this demo을 살펴보십시오. 패턴의 offsetX/offsetY 속성을 원하는대로 조정하거나 객체의 왼쪽/위쪽 모서리에 0/0으로두면됩니다.