Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在html中显示pgm/ppm文件？_Javascript_Html_Image_Pgm - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在html中显示pgm/ppm文件？

Javascript 如何在html中显示pgm/ppm文件？

javascript html image

Javascript 如何在html中显示pgm/ppm文件？,javascript,html,image,pgm,Javascript,Html,Image,Pgm,我有一个简单的pgm文件，我认为它与ppm文件相同 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 使用canvas元素和canvas API。可以使用1x1矩形逐像素绘制 有关起始文档，请参阅。首先需要阅读pgm/ppm文件的内容。然后

我有一个简单的pgm文件，我认为它与ppm文件相同

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

使用canvas元素
和canvas API。可以使用1x1矩形逐像素绘制

有关起始文档，请参阅。

首先需要阅读pgm/ppm文件的内容。然后循环浏览PPM文件的像素数据，该文件应该已经具有RGB值。然后可以在html5画布上下文中使用
putImageData

画布像素操作示例

PBM/PPM/PGB格式规范

请看我已经提出的问题，这两个问题都在这里了。我试过使用img和iframe标签。我希望它显示一个pgm图像，如果你需要更多的信息