Загрузка и вставка изображение в canvas

@agent7991 · Регистрация: 17.05.2015

Студворк — интернет-сервис помощи студентам

Создаю изображение:

JavaScript
1
2
var someImage = new Image();  
someImage.src = "another.png"

Далее оно передается в канвас.
Изображение не отображается(не рисуется конвасом), если не добавить в .html файл <img src="another.png"/>, как исправить?

@Padimanskas · 07.12.2015, 20:02

Сообщение от agent7991

Изображение не отображается(не рисуется конвасом), если не добавить в .html файл <img src="another.png"/>, как исправить?

JavaScript
1
2
3
4
5
6
7
8
 var image = new Image();
 image.crossOrigin = "anonymous";
 
 image.onload = function () {
    context.drawImage(image, 0, 0);
 };
 
image.src = 'http://ссылка на картинку';

@agent7991 · 07.12.2015, 21:04 **[ТС]**

Padimanskas, делаю все на локалочке без сервера, потому(видимо) консолька выдает:

"Image from origin 'file://' has been blocked from loading by Cross-Origin Resource Sharing policy: Invalid response. Origin 'null' is therefore not allowed access."

Видимо проще сделать сервер, чем пытаться сделать это на локалке?

@BANO · 07.12.2015, 21:13

agent7991, скорее именно это
вы попробуйте на денвере или на openserver

@agent7991 · 07.12.2015, 21:51 **[ТС]**

По ситуации сервером не могу пользоваться, но информация полезная.

Вопрос с лету чтобы не создавать под это отдельную тему:
Можно ли считывать нажатия клавиатуры без полей ввода?

@BANO · 07.12.2015, 22:26

agent7991, да
у document есть такие события как keydown, keyup, keypress

@agent7991 · 08.12.2015, 00:21 **[ТС]**

На ведре канвасик не хочет рисовать переданный ему объектик. Взял рабочий код с компа, по сути просто пиктча в рекурсивном цикле дравнится, но чет не работает. Да и вообще у ведра какие-то проблемы с картинками, у меня по крайней мере. Делал простейший драгндроп, имага сначала работала, потом перестала без каких либо изменений в коде, браузер юзал стоковый, потому что единственный - хром не открывает файлики, пишет что ограничен доступ.. что за дела.

@BANO · 08.12.2015, 18:05

agent7991, значит нужен сервер, чтобы хром работал)

@agent7991 · 08.12.2015, 22:15 **[ТС]**

Не по теме:

BANO, я скачал firefox, который работает, но все же проблема осталась, и при том выглядит она очень странно - https://www.cyberforum.ru/node... 06359.html

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	07.12.2015, 21:13
	agent7991, скорее именно это вы попробуйте на денвере или на openserver 0

@agent7991 2 / 2 / 0 Регистрация: 17.05.2015 Сообщений: 66
	07.12.2015, 21:51 [ТС]
	По ситуации сервером не могу пользоваться, но информация полезная. Вопрос с лету чтобы не создавать под это отдельную тему: Можно ли считывать нажатия клавиатуры без полей ввода? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	07.12.2015, 22:26
	agent7991, да у document есть такие события как keydown, keyup, keypress 1

@agent7991 2 / 2 / 0 Регистрация: 17.05.2015 Сообщений: 66
	08.12.2015, 00:21 [ТС]
	На ведре канвасик не хочет рисовать переданный ему объектик. Взял рабочий код с компа, по сути просто пиктча в рекурсивном цикле дравнится, но чет не работает. Да и вообще у ведра какие-то проблемы с картинками, у меня по крайней мере. Делал простейший драгндроп, имага сначала работала, потом перестала без каких либо изменений в коде, браузер юзал стоковый, потому что единственный - хром не открывает файлики, пишет что ограничен доступ.. что за дела. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	08.12.2015, 18:05
	agent7991, значит нужен сервер, чтобы хром работал) 0

@agent7991
	08.12.2015, 22:15 [ТС]
	Не по теме: BANO, я скачал firefox, который работает, но все же проблема осталась, и при том выглядит она очень странно - https://www.cyberforum.ru/node... 06359.html 0