Как установить фоновое изображение для объекта FabricJS

Question

Я хотел бы создать объект круга и заполнить его как не повторяющееся изображение.

Я пробовал это с рисунком, но когда я установил repeat в no-repeat, шаблон смещен в середине, а не в верхнем левом углу. (Что позволит вам увидеть все изображение.)

1. Есть ли способ установить целое изображение в качестве фона объекта?
2. Если нет, есть ли способ компенсировать неповторяющийся фон?

Answer 1

Вы можете сделать это, обрезав изображение кружком. Взгляните на this demo.

Зазоры на основе рисунков - это нечто, что было в дорожной карте. Я только что пошел и implemented them.

Посмотрите на this demo. Просто отрегулируйте свойства offsetX/offsetY шаблона так, как вам нужно, или оставьте их на 0/0, которые будут левым/верхним углом объекта.