Fabric.js — установить курсор на произвольный размер и цвет кисти для рисования

Скажем, у меня есть круглая сплошная кисть размером 10, как я могу изменить курсор, чтобы указать пользователю, что будет нарисовано на холсте?

Я вижу, что это вариант для freeDrawingCursor, но это для обычных курсоров, например. Перекрестие или указатель.

Любые идеи?


person Paul Redmond    schedule 17.08.2016    source источник
comment
Смотрите мой ответ здесь: stackoverflow.com/a/39263975/2577116   -  person Fidel90    schedule 01.09.2016


Ответы (1)


проверка этого:

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Похоже, вы можете определить курсор с файлом png.

Вы можете создать небольшой временный холст размером с курсор, закрасить его кистью, экспортировать в формате png dataurl и использовать в качестве курсора.

Когда пользователь в вашем веб-приложении выбирает ширину курсора: - создайте закадровый холст шириной и высотой размера кисти - нарисуйте круг выбранной ширины и цвета - экспортируйте холст в dataurl - создайте изображение шириной и высотой размера кисти, используйте dataurl в качестве источника изображения - на загруженном изображении установите его в качестве курсора мыши.

person AndreaBogazzi    schedule 22.08.2016
comment
Вы неправильно поняли мой ответ. Или я плохо написал. - person AndreaBogazzi; 02.09.2016