Сделайте курсор нарисованным самостоятельно - PullRequest
Новая
       13

Сделайте курсор нарисованным самостоятельно

0 голосов
/ 14 сентября 2018

У меня есть прикладная программа рисования, которую я запрограммировал с нуля в processing.js и включил в свой код уценки на моей странице GitHub.

Это означает, что я предпочел бы не использовать CSS (мне пришлось бы ссылаться на программу JavaScript, которая создает элемент ссылки на файл CSS и добавляет его в заголовок).

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

Исследования - что я уже пробовал

На Пользовательское изображение курсора CSS , это должно быть изображение, но мне нужна функция, котораяЯ звоню в файл, чтобы всегда обновлять его.Я также хотел бы использовать JavaScript, а не CSS.

Я прочитал о https://processing.org/tutorials/interactivity/, но там нет ничего о пользовательских курсорах, только именованные и изображения.

Обновление

Я использую функцию createGraphics, но не могу заставить ее работать как курсор: http://processingjs.org/reference/createGraphics_/

Ссылки

Я хостэта программа в этих местах

1 Ответ

0 голосов
/ 14 сентября 2018

Один из подходов состоит в том, чтобы установить курсор на none, который будет скрывать курсор, а затем нарисовать курсор так, как вы хотите внутри эскиза Обработки.Вот очень простой пример: 

void draw(){
  background(32);
  ellipse(mouseX, mouseY, 20, 20);
}

Это покажет ваш курсор в виде эллипса.

Другой подход может заключаться в использовании URI данных .Вам нужно будет преобразовать ваш рисунок в 64-битное изображение с конечным кодом, а затем передать его в CSS.Я на самом деле не проверял это.

...