file_gif.htm
来自「GIF解码以下是gif图形显示的源代码以下是gif图形显示的源代码」· HTM 代码 · 共 1,068 行 · 第 1/5 页
HTM
1,068 行
<td align="center">5</td>
<td align="center">4</td>
<td align="center">3</td>
<td align="center">2</td>
<td align="center">1</td>
<td align="center">0</td>
<td align="left">BIT</td>
<td align="center"></td>
</tr>
<tr>
<td align="right">1</td>
<td colspan="8" rowspan="2" align="center" bgcolor="#BDCB85"><small>逻辑屏幕宽度</small></td>
<td align="left" colspan="2" rowspan="2"><small>像素数,定义GIF图象的宽度</small></td>
</tr>
<tr>
<td align="right">2</td>
</tr>
<tr>
<td align="right">3</td>
<td colspan="8" rowspan="2" align="center" bgcolor="#BDCB85"><small>逻辑屏幕高度</small></td>
<td align="left" colspan="2" rowspan="2"><small>像素数,定义GIF图象的高度</small></td>
</tr>
<tr>
<td align="right">4</td>
</tr>
<tr>
<td align="right">5</td>
<td align="center" bgcolor="#BDCB85">m</td>
<td colspan="3" align="center" bgcolor="#BDCB85">cr</td>
<td align="center" bgcolor="#BDCB85">s</td>
<td colspan="3" align="center" bgcolor="#BDCB85">pixel</td>
<td align="left" colspan="2"><a href="#m"><small>具体描述见下...</small></a></td>
</tr>
<tr>
<td align="right">6</td>
<td align="center" colspan="8" bgcolor="#BDCB85"><small>背景色</small></td>
<td align="left" colspan="2"><small>背景颜色(在全局颜色列表中的索引,如果没有全局颜色列表,该值没有意义)</small></td>
</tr>
<tr>
<td align="right">7</td>
<td align="center" bgcolor="#BDCB85" colspan="8"><small>像素宽高比</small></td>
<td align="left" colspan="2"><small>像素宽高比(Pixel Aspect Radio)</small></td>
</tr>
</table>
<p align="left"><small><a name="m">m</a> - 全局颜色列表标志(Global Color Table
Flag),当置位时表示有全局颜色列表,pixel值有意义.</small><br>
<small>cr - 颜色深度(Color ResoluTion),cr+1确定图象的颜色深度.</small><br>
s - <small>分类标志(Sort Flag),如果置位表示全局颜色列表分类排列.</small><br>
<small>pixel - 全局颜色列表大小,pixel+1确定颜色列表的索引数(2的pixel+1次方)</small>.</p>
<p align="left"><small>全局颜色列表(Global Color Table)</small><br>
<font color="#FF0000"><small>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</small></font><br>
<small>全局颜色列表必须紧跟在逻辑屏幕标识符后面,每个颜色列表索引条目由三个字节组成,按R、G、B的顺序排列。</small></p>
<table border="0" width="100%" cellpadding="0">
<tr>
<td align="center">BYTE</td>
<td align="center">7</td>
<td align="center">6</td>
<td align="center">5</td>
<td align="center">4</td>
<td align="center">3</td>
<td align="center">2</td>
<td align="center">1</td>
<td align="center">0</td>
<td>BIT</td>
</tr>
<tr>
<td align="center">1</td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>索引1的红色值</small></td>
<td></td>
</tr>
<tr>
<td align="center">2</td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>索引1的绿色值</small></td>
<td></td>
</tr>
<tr>
<td align="center">3</td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>索引1的蓝色值</small></td>
<td></td>
</tr>
<tr>
<td align="center">4</td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>索引2的红色值</small></td>
<td></td>
</tr>
<tr>
<td align="center">5</td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>索引2的绿色值</small></td>
<td></td>
</tr>
<tr>
<td align="center">6</td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>索引2的蓝色值</small></td>
<td></td>
</tr>
<tr>
<td align="center">7</td>
<td colspan="8" align="center" bgcolor="#BDCB85">...</td>
<td>
</td>
</tr>
</table>
<p><small>图象标识符(Image Descriptor)</small><br>
<font color="#FF0000"><small>~~~~~~~~~~~~~~~~~~~~~~~~~</small></font><br>
<small>一个GIF文件内可以包含多幅图象,一幅图象结束之后紧接着下是一幅图象的标识符,图象标识符以0x2C(',')字符开始,定义紧接着它的图象的性质,包括图象相对于逻辑屏幕边界的偏移量、图象大小以及有无局部颜色列表和颜色列表大小,由10个字节组成:</small></p>
<table border="0" width="100%" cellpadding="0">
<tr>
<td align="center">BYTE</td>
<td align="center">7</td>
<td align="center">6</td>
<td align="center">5</td>
<td align="center">4</td>
<td align="center">3</td>
<td align="center">2</td>
<td align="center">1</td>
<td>0</td>
<td>BIT</td>
<td></td>
</tr>
<tr>
<td align="center">1</td>
<td align="center" bgcolor="#BDCB85">0</td>
<td align="center" bgcolor="#BDCB85">0</td>
<td align="center" bgcolor="#BDCB85">1</td>
<td align="center" bgcolor="#BDCB85">0</td>
<td align="center" bgcolor="#BDCB85">1</td>
<td align="center" bgcolor="#BDCB85">1</td>
<td align="center" bgcolor="#BDCB85">0</td>
<td bgcolor="#BDCB85">0</td>
<td colspan="2"><small>图象标识符开始,固定值为','</small></td>
</tr>
<tr>
<td align="center">2</td>
<td align="center" colspan="8" rowspan="2" bgcolor="#BDCB85"><small>X方向偏移量</small></td>
<td colspan="2" rowspan="8"><small>必须限定在逻辑屏幕尺寸范围内</small></td>
</tr>
<tr>
<td align="center">3</td>
</tr>
<tr>
<td align="center">4</td>
<td align="center" colspan="8" rowspan="2" bgcolor="#BDCB85"><small>Y方向偏移量</small></td>
</tr>
<tr>
<td align="center">5</td>
</tr>
<tr>
<td align="center">6</td>
<td align="center" colspan="8" rowspan="2" bgcolor="#BDCB85"><small>图象宽度</small></td>
</tr>
<tr>
<td align="center">7</td>
</tr>
<tr>
<td align="center">8</td>
<td align="center" colspan="8" rowspan="2" bgcolor="#BDCB85"><small>图象高度</small></td>
</tr>
<tr>
<td align="center">9</td>
</tr>
<tr>
<td align="center">10</td>
<td align="center" bgcolor="#BDCB85"><small>m</small></td>
<td align="center" bgcolor="#BDCB85"><small>i</small></td>
<td align="center" bgcolor="#BDCB85"><small>s</small></td>
<td align="center" bgcolor="#BDCB85" colspan="2"><small>r</small></td>
<td align="center" colspan="3" bgcolor="#BDCB85"><small>pixel</small></td>
<td colspan="2"><small>m - 局部颜色列表标志(Local Color Table Flag)</small></td>
</tr>
<tr>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center" colspan="3"></td>
<td colspan="2"><small>置位时标识紧接在图象标识符之后有一个局部颜色列表,供紧跟在它之后的一幅图象使用;值否时使用全局颜色列表,忽略pixel值。</small><br>
<small>i - <a name="交织标志">交织标志</a>(Interlace Flag),置位时图象数据使用交织方式排列(<a
href="#连续的和交织的">详细描述...</a>),否则使用顺序排列。</small><br>
s - <small>分类标志(Sort Flag),如果置位表示紧跟着的局部颜色列表分类排列.</small><br>
r -<small> 保留,必须初始化为0</small>.<br>
<small>pixel - 局部颜色列表大小(Size of Local Color Table),pixel+1就为颜色列表的位数</small></td>
</tr>
</table>
<p><small>局部颜色列表(Local Color Table)</small><br>
<font color="#FF0000">~~~~~~~~~~~~~~~~~~~~~~~~~~</font><br>
<small>如果上面的局部颜色列表标志置位的话,则需要在这里(紧跟在图象标识符之后)定义一个局部颜色列表以供紧接着它的图象使用,注意使用前应线保存原来的颜色列表,使用结束之后回复原来保存的全局颜色列表。如果一个GIF文件即没有提供全局颜色列表,也没有提供局部颜色列表,可以自己创建一个颜色列表,或使用系统的颜色列表。局部颜色列表的排列方式和全局颜色列表一样:RGBRGB......</small></p>
<p><small>基于颜色列表的图象数据(Table-Based Image Data)</small><br>
<font color="#FF0000">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</font><br>
<small>由两部分组成:LZW编码长度(LZW Minimum Code Size)和图象数据(Image
Data)。</small></p>
<table border="0" width="100%" cellpadding="0">
<tr>
<td align="right"><small>BYTE</small></td>
<td align="center"><small>7</small></td>
<td align="center"><small>6</small></td>
<td align="center"><small>5</small></td>
<td align="center"><small>4</small></td>
<td align="center"><small>3</small></td>
<td align="center"><small>2</small></td>
<td align="center"><small>1</small></td>
<td align="center"><small>0</small></td>
<td><small>BIT</small></td>
</tr>
<tr>
<td align="right"><small>1</small></td>
<td colspan="8" align="center" bgcolor="#BDCB85"><small>LZW编码长度</small></td>
<td><small>LZW编码初始码表大小的位数,详细描述见LZW编码...</small></td>
</tr>
<tr>
<td align="right" rowspan="3"><small> <p></small> </td>
<td colspan="8" align="center" bgcolor="#BDCB85"><br>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?