2010-02-14 3 views
4

Я разрабатываю приложение paintbrush в javasript с использованием Canvas Object. Я хочу изменить свой собственный указатель мыши, когда указатель мыши входит в объект Canvas. Как загрузить мой собственный значок?Изменение значка мыши через javascript

ответ

6

Это может быть выполнено в 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

2

У вас есть файл .cur для вашего собственного пользовательского курсора?

Вы можете иметь внутри вашего объекта Canvas атрибут style, который указывает, как должен отображаться курсор. Это может быть сделано через custom css cursor

style="cursor: url(mycursor.cur);" 
  1. IE ожидает файл .CUR.
  2. Для Firefox требуется второе значение, отличное от URL; как курсор: url (pix/cursor_ppk.gif), авто.
  3. Размер изображения должен быть 32x32 пикселей или ниже. Это (ОС Windows) ограничение ОС; а не ограничение браузера.

Взятый из CSS2 - Cursor styles, он совместит в IE5.5 +, FF, Safari и Chrome. Opera и Konqueror 3.5.7 несовместимы.

+0

ли это поддерживается во всех браузерах? Я думал, что это специфичный для IE. – Fermin