制作带有彩色单元格的像素值HTML表格
今天的文章将向您展示如何在将MATLAB脚本发布到HTML时,使用函数生成带有图像颜色和像素的表格发布函数。结果如下所示:
RGB = imread(“peppers.png”);disp (im2html (rgb (88:92,200:204:)))
R: 80 G: 50 B: 77 |
R: 78 旅客:47 B: 74 |
R: 76 旅客:47 B: 71 |
R: 95 G: 65 B: 73 |
R: 158 G: 129 B: 117 |
R: 76 旅客:47 B: 77 |
R: 75 旅客:46 B: 71 |
R: 91 G: 63 B: 72 |
R: 158 G: 130 B: 119 |
R: 192 G: 165 B: 141 |
R: 77 旅客:45 B: 70 |
R: 82 旅客:51 B: 63 |
R: 148 G: 120 B: 114 |
R: 192 G: 166 B: 146 |
R: 203 G: 176 B: 153 |
R: 75 旅客:43 B: 65 |
R: 126 G: 95 B: 97 |
R: 186 G: 160 B: 145 |
R: 197 G: 173 B: 154 |
R: 208 G: 180 B: 160 |
R: 100 G: 70 B: 72 |
R: 174 G: 146 B: 135 |
R: 193 G: 169 B: 151 |
R: 198 G: 175 B: 158 |
R: 211 G: 189 B: 170 |
当我看到在已发布代码中将变量打印到HTML表中(通过内德)。它还生成一个带有彩色单元格和叠加值的HTML表。
我还在想像素区域工具在图像处理工具箱中。以下是截图:
我想比内德的原作更进一步。我想处理所有不同类型的图像类型(灰度,真彩色,直接映射索引,缩放映射索引)。我还想复制像素区域工具的功能,根据下面的像素是暗的还是亮的,自动改变叠加文本的颜色。(你可以在上面的屏幕截图中看到这种效果。)
我把所有这些都打包在一个名为im2html.你可以下载这个函数来自文件交换。
这里有一些例子说明如何使用im2html不同类型的图像。
显示灰度图像的值表:
I = imread(“pout.tif”);disp (im2html(我(125:134 104:114)))
112 | 112 | 107 | 97 | 91 | 87 | 86 | 84 | 83 | 84 | 84 |
120 | 126 | 128 | 128 | 114 | 101 | 87 | 87 | 86 | 86 | 87 |
116 | 132 | 138 | 142 | 142 | 132 | 98 | 91 | 89 | 87 | 89 |
110 | 133 | 145 | 150 | 149 | 147 | 121 | 101 | 93 | 93 | 91 |
109 | 133 | 145 | 156 | 159 | 153 | 142 | 130 | 109 | 102 | 99 |
109 | 131 | 143 | 154 | 169 | 171 | 169 | 169 | 154 | 139 | 137 |
108 | 126 | 142 | 151 | 169 | 175 | 186 | 190 | 189 | 180 | 179 |
110 | 121 | 137 | 148 | 158 | 167 | 177 | 187 | 199 | 189 | 185 |
112 | 117 | 136 | 146 | 151 | 159 | 159 | 163 | 189 | 189 | 180 |
114 | 113 | 132 | 142 | 147 | 151 | 156 | 154 | 162 | 184 | 179 |
I =魔术(10);disp (im2html(我,[]))
92 | 99 | 1 | 8 | 15 | 67 | 74 | 51 | 58 | 40 |
98 | 80 | 7 | 14 | 16 | 73 | 55 | 57 | 64 | 41 |
4 | 81 | 88 | 20. | 22 | 54 | 56 | 63 | 70 | 47 |
85 | 87 | 19 | 21 | 3. | 60 | 62 | 69 | 71 | 28 |
86 | 93 | 25 | 2 | 9 | 61 | 68 | 75 | 52 | 34 |
17 | 24 | 76 | 83 | 90 | 42 | 49 | 26 | 33 | 65 |
23 | 5 | 82 | 89 | 91 | 48 | 30. | 32 | 39 | 66 |
79 | 6 | 13 | 95 | 97 | 29 | 31 | 38 | 45 | 72 |
10 | 12 | 94 | 96 | 78 | 35 | 37 | 44 | 46 | 53 |
11 | 18 | One hundred. | 77 | 84 | 36 | 43 | 50 | 27 | 59 |
显示一个索引图像的值表:
[X,map] = imread(“trees.tif”);disp (im2html (X(156:160,244:248),地图))
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< 82 > R: 0.35 G: 0.65 B: 0.81 |
< 77 > R: 0.39 G: 0.61 B: 0.81 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< 82 > R: 0.35 G: 0.65 B: 0.81 |
< 45 > R: 0.22 G: 0.45 B: 0.68 |
< > 50 R: 0.42 G: 0.42 B: 0.52 |
< 82 > R: 0.35 G: 0.65 B: 0.81 |
< 82 > R: 0.35 G: 0.65 B: 0.81 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< > 50 R: 0.42 G: 0.42 B: 0.52 |
< 32 > R: 0.39 G: 0.29 B: 0.55 |
44 > < R: 0.52 G: 0.32 B: 0.52 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
44 > < R: 0.52 G: 0.32 B: 0.52 |
< 20 > R: 0.58 G: 0.13 B: 0.29 |
< 27日> R: 0.45 G: 0.22 B: 0.42 |
< 105 > R: 0.55 G: 0.74 B: 0.91 |
< 93 > R: 0.42 G: 0.68 B: 0.87 |
< 77 > R: 0.39 G: 0.61 B: 0.81 |
44 > < R: 0.52 G: 0.32 B: 0.52 |
< 20 > R: 0.58 G: 0.13 B: 0.29 |
的输出im2html作为字符串,或者直接写入文件。
S = im2html(magic(10),[]);
im2html(魔术(10),[],“OutputFile”,“magic_table.html”)
给im2html一试。在这里评论(或在文件交换页面),如果你发现它有好的用途,或者如果你有让它更好的想法。
下次我会详细讲解im2html工作,包括在可发布的MATLAB脚本中使用原始HTML,以及图像处理工具箱中一个叫imagemodel.
评论
如欲留言,请点击在这里登录您的MathWorks帐户或创建一个新帐户。