Я разрабатываю приложение paintbrush в javasript с использованием Canvas Object. Я хочу изменить свой собственный указатель мыши, когда указатель мыши входит в объект Canvas. Как загрузить мой собственный значок?Изменение значка мыши через javascript
ответ
Это может быть выполнено в CSS.
canvas {
cursor: url(cursor.cur), url(cursor.gif), auto;
}
IE, Firefox, Safari и Chrome будут использовать файл .cur. GIF (или использование PNG) предназначен для браузеров, которые не поддерживают файл .cur (не уверены, есть ли подобные файлы). Opera не поддерживает пользовательские курсоры.
Размер изображения должен быть 32x32 пикселей или ниже. Это (ОС Windows) ограничение ОС; а не ограничение браузера.
Ссылка - Quirksmode CSS таблицы совместимости http://www.quirksmode.org/css/cursor.html
У вас есть файл .cur
для вашего собственного пользовательского курсора?
Вы можете иметь внутри вашего объекта Canvas атрибут style
, который указывает, как должен отображаться курсор. Это может быть сделано через custom css cursor
style="cursor: url(mycursor.cur);"
- IE ожидает файл .CUR.
- Для Firefox требуется второе значение, отличное от URL; как курсор: url (pix/cursor_ppk.gif), авто.
- Размер изображения должен быть 32x32 пикселей или ниже. Это (ОС Windows) ограничение ОС; а не ограничение браузера.
Взятый из CSS2 - Cursor styles, он совместит в IE5.5 +, FF, Safari и Chrome. Opera и Konqueror 3.5.7 несовместимы.
Существует способ: http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/ Доза не работает с Opera, но отлично подходит для IE, FF, Safari, Chrome.
Я отправил обходной путь для оперы с помощью JS здесь: Opera and Custom cursor in CSS
ли это поддерживается во всех браузерах? Я думал, что это специфичный для IE. – Fermin