Как сделать окружность следующую за курсором?

Question

[Илья Резник]

Как с помощью jquery и события mousmove написать код, рисующий окружность радиусом в 3 пикселя под курсором мышки каждый раз, когда вы передвигаете мышку над холстом?

Comments

[Igor Koch]

Можно использовать custom курсор, в css
https://css-tricks.com/using-css-cursors/

Answer 1

[trushka]

Делаешь квадратный блок шириной и высотой 6px с закруглёнными углами, задаёшь ему position: fixed и left и right: -3px. Потом по mousemove на body или window устанавливаешь transform: translate (x,y), где x - event.screenX, ну и y соответственно. Но я не уверен, что jQuery пробрасывает screenX-screenУ в свой евент, тогда можно использовать event.originalEvent.screenX. Для пущей кроссбраузерности можно вместо transform менять left и right, ну, или margin'ы, но с transform должно быть плавнее

Answer 2

[twobomb]

Вариант 1
Вариант 2