Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.66/29: Рейтинг темы: голосов - 29, средняя оценка - 4.66
35 / 35 / 15
Регистрация: 06.01.2014
Сообщений: 707

Как изменить вид курсора при наведении на элемент в canvas

11.05.2016, 14:33. Показов 5743. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день.
Ничего не выдает дельного поисковик по этому поводу.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
11.05.2016, 14:33
Ответы с готовыми решениями:

Изменить вид кнопки при наведении курсора
Помогите чайнику.

Как изменить цвет Label при наведении курсора?
Есть несколько Label, которым назначен обработчик - загрузить в RichTextBox из файла rtf. Как сделать, чтобы при наведении курсора цвет...

Как изменить размер ComboBox-a при наведении курсора
Здравствуйте! Подскажите, как сделать так, чтобы при наведении курсора на ComboBox его размеры увеличивались, а при удалении курсора снова...

6
$ su
 Аватар для ntlinuxnt
1605 / 520 / 97
Регистрация: 18.11.2010
Сообщений: 2,807
Записей в блоге: 2
11.05.2016, 15:10
onmouseover погугли
0
35 / 35 / 15
Регистрация: 06.01.2014
Сообщений: 707
11.05.2016, 17:35  [ТС]
ntlinuxnt,
Вот 3 варианта изменить курсор. На
JavaScript
1
this.style.cursor = 'pointer';
ошибка, т.к. circle2 это не Dom элемент. И как быть?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
        var circle2 = new Konva.Circle({
            x: user_round[i].x,
            y: user_round[i].y,
            radius: 4,
            strokeWidth: 1
        });
        console.log(circle2);
        circle2.className = 'circle2';
 
        // add the shape to the layer
        layer.add(circle2);
        (function(elem) {
            circle2.addEventListener('mouseover', function(e) {
                this.setAttrs({
                    stroke: '#ffb430',
                    cursor: 'pointer'
                });
                this.style.cursor = 'pointer';
                layer.draw();
            });
            circle2.addEventListener('mouseout', function(e) {
                this.setAttrs({
                    stroke: 'transparent'
                });
                layer.draw();
            });
        })(circle);
2
$ su
 Аватар для ntlinuxnt
1605 / 520 / 97
Регистрация: 18.11.2010
Сообщений: 2,807
Записей в блоге: 2
11.05.2016, 17:45
Могли бы перенести ваш код на jsfiddle что бы он работал как нибудь
1
35 / 35 / 15
Регистрация: 06.01.2014
Сообщений: 707
11.05.2016, 18:17  [ТС]
ntlinuxnt, сделал
https://jsfiddle.net/yt3zdm6m/6/

Добавлено через 7 минут
При наведении на точки курсор должен измениться
0
$ su
 Аватар для ntlinuxnt
1605 / 520 / 97
Регистрация: 18.11.2010
Сообщений: 2,807
Записей в блоге: 2
11.05.2016, 19:05
https://jsfiddle.net/yt3zdm6m/7/

Добавлено через 13 секунд
Так?
1
35 / 35 / 15
Регистрация: 06.01.2014
Сообщений: 707
11.05.2016, 19:17  [ТС]
ntlinuxnt, да, спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
11.05.2016, 19:17
Помогаю со студенческими работами здесь

Как изменить цвет вкладки при наведении курсора?
Здравствуйте! Как изменить цвет вкладки при наведении на нее курсором? Напр. вкладка серого цвета, а при наведении на нее становится белой,...

Как при наведении на картинку курсора мышки изменить её
Такая задача, есть к примеру карта какой-то страны(и это тоже вопрос, как лучше всего в плане производительности сделать карту страны) а на...

Как изменить цвет кнопки при наведении на нее курсора мыши?
Добрый день! Как изменить цвет кнопки при наведении на нее курсора мыши?

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

Как изменить фоновое изображение кнопки при наведении на нее курсора мыши?
Приветствую всех!:thank_you: Есть 2 изображения (монохромное и цветное). По умолчанию на кнопке стоит фоновое монохромное изображение....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru