|
0 / 0 / 0
Регистрация: 18.01.2024
Сообщений: 6
|
|
Считывание содержимого объекта Canvas01.12.2024, 00:25. Показов 1576. Ответов 10
Метки нет (Все метки)
Имеется интернет-страница с отображаемой схемой мест и текущим наличием мест на ней. При этом объект имеет тип Canvas.
Подскажите, пожалуйста, как можно программно в Js считать эту схему и считать текущее наличие мест? Не пойму вообще как работать с объектом типа Canvas.
0
|
|
| 01.12.2024, 00:25 | |
|
Ответы с готовыми решениями:
10
Отправка содержимого <canvas> на сервер Появление объекта через заданное время canvas
|
|
1235 / 1130 / 176
Регистрация: 21.01.2024
Сообщений: 5,144
|
|||
| 01.12.2024, 10:27 | |||
|
Подозреваю, что информация о местах хранится где то в другом месте в БД, а программа считывает ее и уже по ней рисует картинку в канвас.
1
|
|||
|
0 / 0 / 0
Регистрация: 18.01.2024
Сообщений: 6
|
|
| 01.12.2024, 11:16 [ТС] | |
|
Спасибо за ответы.
А как можно узнать откуда тянутся данные? Я как-то в инструментах разработчика это могу увидеть? Смотрю в свойствах объекта, там только стандартные свойства типа width, height, style. Или это нужно уже анализировать закладки Sources, Network?
0
|
|
|
1235 / 1130 / 176
Регистрация: 21.01.2024
Сообщений: 5,144
|
|
| 01.12.2024, 11:24 | |
|
0
|
|
| 02.12.2024, 23:31 | |||||||||||||
Сообщение было отмечено gogolik как решение
Решение
Демка в песочнице: https://plnkr.co/edit/HdlBGYPFpH1FFnUr - чтобы увидеть результат надо открыть консоль - Ctrl+Shift+J в Chrome Код демки:
1
|
|||||||||||||
|
Супер-модератор
3942 / 2046 / 829
Регистрация: 13.03.2010
Сообщений: 6,741
|
|
| 02.12.2024, 23:53 | |
|
8Observer8, как это поможет в вопросе ТСа, которому нужно с чужого канваса получить данные?
0
|
|
| 03.12.2024, 02:16 | ||||||||
Уверен, что места обозначены разными цветами. Скорее всего, красным и зелёным. Эти места в определённых позициях. Надо считывать пиксели по этим позициям на JavaScript, а потом с помощью программы анализировать, что вывелось в консоль. Если красный цвет, то место занято, если зелёный, то свободно. mgab, есть возможность опубликовать ссылку или скинуть её в личку, если не хотите рекламировать заведение. Хочу проверить свой метод.
4
|
||||||||
| 03.12.2024, 02:29 | |||||||
|
Если интересен предложенный вариант, то его очень легко начать пробовать. Надо поставить интерпретатор Python. Вбейте: python download
Откройте консоль и введите команду установки PySide6:
main.py
1
|
|||||||
|
|
||||||
| 03.12.2024, 03:59 | ||||||
|
mgab, в принципе можно сохранить содержимое канваса в виде изображения и потом уже анализировать с помощью чего угодно.
Простой пример как это можно сделать: Открываешь консоль браузера и вводишь туда следующий код на исполнение
Добавлено через 53 секунды И да, чтобы изображения грузились, надо чтобы оригинальная страница была открыта.
1
|
||||||
| 03.12.2024, 15:26 | |||||||||||||||||
А если нажму на клавишу вверх несколько раз, чтобы добраться до предыдущей команы (ctx.getImageData) и введу другие координаты пикселя, то уже попал:
0
|
|||||||||||||||||
| 03.12.2024, 15:26 | |
|
Помогаю со студенческими работами здесь
11
Сохранение содержимого Canvas в PNG Преобразование содержимого Canvas в Image
Прокрутка в canvas при выходе содержимого за пределы Считывание из файла и отображение в Canvas Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
||||
|
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop?
Ниже её машинный перевод.
После долгих разбирательств я наконец-то вернула себе. . .
|
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод
Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод.
Thinkpad X220 Tablet —. . .
|
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта
Симптом:
После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
|
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
|
Новый ноутбук
volvo 07.12.2025
Всем привет.
По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне:
Ryzen 5 7533HS
64 Gb DDR5
1Tb NVMe
16" Full HD Display
Win11 Pro
|
|
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
|
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
|
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов
На странице:
https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/
нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
|
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов.
. . .
|
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
|