Кодирование PNG с JavaScript

Question

У меня есть некоторые произвольные пиксельные данные, которые я хочу сохранить как PNG. Как я могу кодировать PNG с помощью JavaScript для этого?

Данные представляют собой серию 1 и 0, которые я хочу использовать для создания QR-кода. Это код QR произвольных данных

Я не использую DOM, поэтому jQuery и createElement отсутствуют.

Answer 1

Если я вас правильно понял, вы могли бы использовать эту библиотеку для создания qrcodes:

http://www.onlineqrlab.com/js_doc.php

Не пробовал, но мне кажется, хорошо документированы

Answer 2

http://www.xarg.org/2010/03/generate-client-side-png-files-using-javascript/

Answer 3

EDIT: Как и другие государства ответ и ссылки на есть объяснение Javascript в формате PNG. Ура!

Если вы хотите создать файл изображения в формате PNG, ваш вопрос в основном задает вопрос: «Каков формат файла для PNG? И как преобразовать сетку QR-кода в изображение, которое является изображением QR-кода, данное что я могу определить этот QR-код с помощью последовательности из 1s и 0s. "

Вам нужно будет рассмотреть сжатие LZW, если вы хотите использовать PNG. Почему бы не посмотреть на несжатые GIF-файлы или растровые изображения? Используйте Titanium для создания файла, жесткого кода заголовка для вашего формата изображения, а затем используйте соответствующее кодирование для программного создания вашего изображения.

Но если вы просто хотите отобразить QR-код на экране, почему бы не использовать холст Titanium Webview? Или, если вас беспокоит, что он слишком медленный (он не предназначен для черновых ящиков), используйте титан + плюс Paint для iOS.

«Хэком» может быть использование элементов пользовательского интерфейса с абсолютным позиционированием для создания вашего изображения QR-кода путем его рисования с элементами пользовательского интерфейса. Круто взломать.

Или вы можете просто использовать формат SVG в веб-просмотре. Лично я считаю, что самый простой, если вам нужен файл, - использовать растровое изображение с жестко закодированным заголовком, как я сказал выше, или GIF, если вы не можете использовать растровое изображение.

Если вам просто нужно изображение, я бы попытался использовать один из методов рисования в Apcelerator.

Удачи вам!

Answer 4

Или кодировать его непосредственно в PNG с чистым JavaScript (без холста не требуется):

https://github.com/IjzerenHein/pnglib-es6