Лучшая стратегия, чтобы сделать курсор на экранах мобильных телефонов / планшетов?

Question

Мне было интересно, было ли волшебное свойство заставлять мобильные браузеры отображать указатели, но, похоже, не могу его найти. На рабочем столе курсор генерируется из холста и экспортируется в свойство курсора CSS через url(cursor.toDataURL()). Я думаю, что создание <img> элемента курсора с абсолютной позицией каждый раз, когда движение мыши не будет достаточно отзывчивым. Это довольно странно даже сейчас. Какова лучшая стратегия рендеринга курсора на планшетах?

• Веб-приложение: https://georgegach.github.io/image-color-name/
• Github: https://github.com/georgegach/image-color-name/blob/master/js/script.js#L140

Answer 1

Текущее лучше (чем курсор, отображаемый на холсте) Решение, предложенное u / SecondDerivative , состоит в использовании элемента в стиле CSS и следовании за движением указателя. Элемент создается и стилируется один раз, и меняется только позиция + цвет onpointermove. Отзывчивость взяла удар, но все еще довольно полезна для такого случая использования как выбор цвета.