2016-10-18 12 views
0

У меня есть простой файл pgm, который, как я думаю, такой же, как файл ppm.Как показать файл pgm/ppm в html?

P3 

5 5 
10 

1 2 3 4 10 
1 10 3 2 5 
10 2 4 2 1 
0 0 0 0 0 
10 10 10 10 10 

Я хочу отобразить этот файл в документе HTML. Сейчас я попытался использовать тег img и iframe. Я хочу, чтобы это отображало фактическое изображение, а не текст. Я бы хотел, чтобы это был HTML, но я также могу использовать javascript.

+0

Пожалуйста, смотрите на вопрос, который я уже говорил, оба из них, но здесь они снова. Я пробовал использовать тег img и iframe. Я хочу, чтобы он отображал изображение pgm, если вам нужна дополнительная информация об этом [смотрите здесь.] (Http://netpbm.sourceforge.net/doc/pgm.html) –

ответ

1

Сначала вам нужно прочитать содержимое файла pgm/ppm. Затем проведите через пиксельные данные файла PPM, которые уже должны иметь значения RGB. Затем вы можете использовать putImageData в контексте холста html5.

Canvas Pixel манипуляционный Примеры

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas

PBM/PPM/ПГБ Формат функции

https://en.wikipedia.org/wiki/Netpbm_format

+0

Это отлично работает! Благодаря! –