Описание тега putimagedata

PutImageData() - это метод HTML5 Canvas, который используется для размещения данных нового изображения на существующем изображении.
0 ответов

javascript объект данных изображения в объект изображения (пытается заполнить () данными изображения)

Я пытаюсь сделать context.createImageData(xxx,xxx), затем взять эти данные изображения и манипулировать ими, а затем context.createPattern(imagedata, 'repeat') с данными изображения, чтобы заполнить мой нарисованный объект данными изображения, котор…
01 июл '12 в 22:03
4 ответа

Рендеринг.pdf в один холст, используя pdf.js и ImageData

Я пытаюсь прочитать весь документ.pdf, используя PDF.js, а затем отобразить все страницы на одном холсте. Моя идея: визуализировать каждую страницу на холсте и получить ImageData (context.getImageData()), очистить холст сделать следующую страницу. Я…
1 ответ

imageData печатает неправильное значение

Мне нужно манипулировать пикселями в изображении и сохранять целочисленные значения (0-255) в значениях RGBA. let imageData = this.context.getImageData(0, 0, this.width, this.height); imageData.data[1448] = 10; imageData.data[1449] = 20; imageData.d…
09 ноя '16 в 02:39
0 ответов

Как добавить изображение для запроса URL в Android

Я выполнил действие, выбрав фото из камеры или галереи, и мне нужно загрузить его на сервер, добавив его имя и данные в URL, я слышал о том, чтобы преобразовать его в двоичный файл или в "imageData" и добавить к requestURL для загрузки. это через се…
3 ответа

Невозможно изменить холст imageData

Я столкнулся с ошибкой в ​​моем сценарии, которую я не понимаю. Я пытаюсь изменить холст imageData после изменения его данных. данные - это Int32Array var clampedArray = new Uint8ClampedArray(data); var newImgData=ctx.createImageData( WIDTH, HEIGHT)…
14 июл '14 в 16:28
0 ответов

JS - получить ImageData через ajax

Я использую веб-работника, который выполняет некоторую обработку изображений в непрерывном потоке изображений. В настоящее время мне нужно создать новое изображение, поместить его на холст, а затем отправить данные изображения веб-работнику: window.…
28 дек '17 в 22:22
3 ответа

Смешивание двух ImageData в один ImageData со смещением в Javascript

Я пытаюсь смешать два объекта ImageData в один объект, чтобы получить результат, аналогичный изображениям, показанным в этой ссылке Ниже приведен код Javascript, который имеет два ImageData var redImage = copy.getImageData((SCREEN_WIDTH - VIDEO_WIDT…
22 июн '13 в 16:51
1 ответ

Самый быстрый способ перебирать пиксели на холсте и копировать некоторые из них в другой

Я в 2D/3D графическом проекте, и я столкнулся с проблемой производительности. Мой алгоритм берет два изображения: изображение и карту глубины серого. У меня также есть массив из 10 холстов ("слоев"), изначально пустой. Примечание: все изображения им…
17 дек '12 в 15:34
2 ответа

Рендеринг нескольких страниц PDF в один Canvas с использованием pdf.js и ImageData

Я пытаюсь сделать PDF на одном холсте, я ссылался на ссылку ниже, чтобы реализовать то же самое. Посещение: рендеринг.pdf на один холст с использованием pdf.js и ImageData var pdf = null; PDFJS.disableWorker = true; var pages = new Array(); var canv…
1 ответ

Самый эффективный способ повторно использовать нарисованный контент HTML5-холста

Я использую закадровый canvas динамически генерировать определенные изображения на основе значения времени выполнения определенных переменных. После того, как изображение было нарисовано на внеэкранном холсте, я хочу получить его и использовать в не…
0 ответов

Javascript drawImage, getImageData и putImageData не работает

Я хочу заменить фиолетовый цвет на прозрачный в группе изображений с помощью Javascript. Я использую drawImage, getImageData и putImageData: где я ошибаюсь (см. JsFIddle здесь: http://jsfiddle.net/2pGfX/)? HTML: <img onclick="scegli(this.id)" id=…
1 ответ

Canvas putImageData XOR проблема только на iPad

Кто-нибудь знает, что не так со следующим кодом. Демо: http://jsbin.com/xecicovi/1/ Он отлично работает на Windows и Android, но курсор непоследовательно оставляет некоторые следы на iPad. Я использую getImageData и XOR'ing биты и putImageData, чтоб…
07 апр '14 в 19:05
2 ответа

HTML5 холст манипуляции пикселей с imageData

Я пытаюсь создать какую-то черно-белую копию такого изображения для некоторых картинок это работает отлично, а для некоторых картинок я получаю этот искаженный результат, как вы можете видеть по ссылке. это мой код: var imageData = ctx.createImageDa…
14 июн '13 в 15:17
1 ответ

HTML5 Canvas: воспроизведение изображения с помощью getImageData и putImageData

В течение нескольких дней я пытался воспроизвести изображение, используя API Canvas с getImageData и putImageData, следуя некоторым учебникам, которые я нашел в Интернете. Это просто сделать с помощью квадратов или любых других форм, нарисованных на…
1 ответ

imageData установлен в InternetExplorer

У меня есть массив буферов по имени MEM - больше, чем ширина холста * высота по высоте. И я хотел бы нарисовать данные arrayBuffer на холсте. imgData.data.set(...) должно работать, потому что imgData.data является массивом Uint8Array, который имеет.…
0 ответов

ant't 'putImageData' с 'imagedata' из другого холста

У меня есть две картины на одной странице с разными идентификаторами. Я использую первый холст для рисования изображений, а второй - как альбом, где вы можете увидеть все свои картины...... Когда я использую var Img = painter.getImageData(0, 0, 100,…
2 ответа

getImageData(), putImageData() не работает на Nexus 4, используя Cocoonjs canvas+

Я пишу небольшую демонстрационную программу для тестирования canvas+ performance. Но getImageData(), putImageData(), похоже, не работают. Оставляет черный квадрат на холсте. Половина размера по ширине и высоте, конечно, учитывая window.devicePixelRa…
15 май '15 в 04:44
1 ответ

Смешивание ImageData вручную

У меня есть следующая задача, которую я пытаюсь выполнить наиболее эффективным способом: у меня есть различное количество картинок разного размера в виде пиксельных массивов, которые мне нужно добавить к холсту пиксель за пикселем. Значение каждого …
0 ответов

Действие bizzare putImageData

Вот мой код: var ctx = document.getElementById("map").getContext("2d"); var ZeroX = 0; var ZeroY = 0; ctx.beginPath(); ctx.fillRect(100, 200, 100, 50); //Drawed a black rectangle function moveMap(evt) { var key = evt.keyCode || evt.which; if (key ==…
1 ответ

JavaScript - canvas - putImageData не всегда работает

Возникли проблемы с восстановлением фона на холсте. У меня есть холст, который меняет размер в зависимости от того, что говорят опции (и он может стать очень большим), я рисую изображения по всему нему, и теперь я хочу, чтобы индикатор отображал пол…
23 фев '16 в 13:04