这一篇我们主要将alevel 计算机考试里的图片相关知识，尤其是vector graphic 里的drawing list,很多人大概懂矢量图和位图的关键要点，但是对于具体考点什么是drawing object, property, drawing list缺掌握不是很精。
下面我们就把bitmap image 和 a vector graphic一次性讲清楚，同学们看这一篇就够了。
0、位图（Bitmap image）
Bitmap image（位图图像），简称为 bitmap，是一种数字图像的表示方法，它由像素（图片的小方块）的阵列组成，每个像素都存储了图像的颜色信息。英文解释：Image made up of rows and columns of picture elements（pixels）.
大家相机或者手机拍的照片都属于位图。比如匠心老师贡献的这几张自己手机拍的Bitmap image
1、像素构成
位图图像是由许多小方块（像素）组成的，每个像素都对应图像上的一个点。pixels
2、分辨率(image resolution)
位图图像的显示质量高度依赖于其分辨率，即单位面积内像素的数量。一个高分辨率的位图会有更多的像素，因此看起来更清晰。
smallest picture element that makes up an image.
3、Colour depth
颜色深度：每个像素的颜色通常由红、绿、蓝（RGB）三个颜色通道的值来定义，这些值表示像素的颜色强度。每个像素的颜色值需要存储下来。
Colour depth/Bit depth – number of bits used to represent the colours in a pixel, e.g. 8 bit colour depth can represent 2^8 = 256 colours.
4、放大特点
放大失真：位图图像在放大时容易失真，因为像素是固定的，放大就是将每个像素放大，这会使得图像看起来块状化和模糊。
5、计算大小
大小=分辨率长X宽度Xbit depth
1、矢量图（VectorGraphics Image）
矢量图是一种使用数学方程式来定义和创建的图形格式。它们与位图图像不同，不基于像素网格，而是基于由点和线组成的几何形状。
images that use 2D points to describe lines and curves and their properties that are grouped to form geometric shapes. Objects and properties are stored mathematically.
使用二维点来描述线条和曲线及其属性，这些属性被组合成几何形状的图像。对象和属性以数学方式存储。
Drawing list: set of commands used to define a vector Vectors are scalable and do not pixelate like a bitmap image therefore are used by corporations to create logos as they can be resized without losing quality.
绘图列表：用于定义矢量的命令集。矢量图可以缩放，不会像位图图像那样像素化，因此被用于创建企业logo，因为它们可以在不损失质量的情况下调整大小。
2、基本构成
在矢量图中，所有图形都是由绘图对象组成的。一个绘图对象可以是一个点、线条、圆形、矩形、曲线等基本形状。这些对象是通过数学公式生成的，可以任意缩放、旋转和编辑而不会失真。
3、特点
可无限缩放：矢量图可以在不损失质量的情况下无限放大或缩小。
文件大小：由于矢量图不依赖于像素，它们的文件大小通常比位图小。
编辑灵活性：矢量图中的形状和颜色可以轻松编辑和修改。
4、应用场景
·图形设计：矢量图适用于标志设计、插图、布局和任何需要高分辨率打印的项目。
·网页设计：矢量图标和图形可以确保在所有设备上清晰显示。
·工程绘图：在工程和建筑领域，矢量图用于精确的蓝图和设计图。
考试难点
大纲要求
Show understanding of how data for a vector
graphic are encoded
Use the terms: drawing object, property, drawing list
Drawing Object（绘图对象）：
在矢量图中，所有图形都是由绘图对象组成的。一个绘图对象可以是一个点、线条、圆形、矩形、曲线等基本形状。这些对象是通过数学公式生成的，可以任意缩放、旋转和编辑而不会失真。如下图所示
Property（属性）：
每个绘图对象都有特定的属性，这些属性定义了它的外观和位置。常见的属性包括：
颜色：填充颜色和线条颜色。
大小：对象的宽度和高度。
位置：对象在画布上的坐标。
轮廓：线条的粗细或样式。
修改这些属性可以改变绘图对象的外观，而不会影响图像的质量。
Drawing List（绘图列表）：
矢量图通常包含一个绘图列表，它是一组绘图对象的集合。这个列表决定了对象绘制的顺序。每个对象按顺序添加到画布上，前面的对象可以覆盖后面的对象。绘图列表中的每个条目包含绘图对象及其属性的信息。
以上图例中，矢量图中绘制了三种形状：一个红色的圆形、一个蓝色的矩形和一个绿色的三角形。它们按绘制顺序存储在绘图列表中。
example
（Drawing List）示例
绘图对象 1：
形状：圆形
属性
颜色：红色
半径：50px
位置：X=100px, Y=100px
轮廓：无
绘图对象 2：
形状：矩形
属性：
颜色：蓝色
宽度：200px, 高度：100px
位置：X=150px, Y=150px
轮廓：无
绘图对象 3：
形状：三角形
属性：
颜色：绿色
顶点坐标：[(200px, 50px), (250px, 150px), (150px, 150px)]
轮廓：无
绘图顺序说明：
首先绘制红色的圆形，它会放置在画布上。
然后绘制蓝色的矩形，因为它在圆形之后，所以可能部分覆盖圆形。
最后绘制绿色的三角形，它也会在前面两个图形之上，可能会遮挡住它们的一部分。
小结：
绘图列表不仅记录了每个对象的形状和属性，还定义了这些对象的绘制顺序。这个顺序很重要，因为它决定了图形的最终视觉效果。如果调整绘图列表中对象的顺序，图形在画布上的覆盖关系也会改变。
矢量图和位图对比
1）创建和构成
位图：由像素（小的方形颜色块）组成，每个像素都存储了图像的颜色信息。位图图像是基于像素阵列的。
矢量图：由数学公式和几何形状（如点、线、曲线和多边形）组成，这些形状通过路径定义，并用颜色和样式填充或描边。
2）放大和分辨率
位图：具有固定的分辨率，放大时像素变得可见，导致图像模糊或像素化。
矢量图：可以无限放大而不失真，因为它们是基于数学描述的，可以在任何分辨率下平滑地缩放。
3）文件大小
位图：文件大小通常较大，因为需要存储每个像素的颜色信息，像素越多，文件越大。
矢量图：文件大小通常较小，因为它们只存储形状的描述和相关的数学公式，不依赖于图像尺寸。
4）编辑和灵活性
位图：编辑位图通常较为有限，例如，放大或缩小可能会损失图像质量。
矢量图：可以轻松地进行编辑和修改，如改变形状、颜色和大小，而不会影响图像质量。
5）使用场景
位图：适用于复杂的图像，如照片和包含丰富细节的艺术作品。
矢量图：适用于图形设计、标志、图标和任何需要清晰缩放的图像。
真题解析9618/12/M/J/24
(1) Describe how the data for a bitmapped image is encoded
Image is made of pixels and each pixel has one colour
Each colour has a unique binary code
Code for the colour of each pixel is stored in sequence
(2) Describe the contents of a vector graphic drawing list.
List of objects in the drawing
A list that stores the command required to draw each object
Properties of each object e.g. the fill colour, line weight/colour
(3)Describe two differences between a vector graphic and a bitmap image.9618/12/O/N/21
• Bitmap made up of pixels // bitmap由像素组成- Bitmap is made of colours stored for individual pixels // bitmap由存储在每个像素中的颜色组成
• Vector graphic store a set of instructions about how to draw the shape // 矢量图形存储了一组关于如何绘制形状的指令
• When bitmap is enlarged, the pixels get bigger and it pixelates // 当bitmap放大时，像素会变大并出现像素化
• When vector is enlarged, it is recalculated and does not pixelate // 当矢量图形放大时，它会重新计算，不会出现像素化
• Bitmap files are usually bigger than vector graphics files because of the need to store data about each pixel // 由于需要存储每个像素的数据，bitmap文件通常比矢量图形文件大
• Vector graphics have smaller file size because they contain just the instructions to create the shapes // 矢量图形文件较小，因为它们只包含创建形状的指令
• Bitmap images can be compressed with significant reduction in file size // bitmap图像可以压缩，从而显著减小文件大小
• Vector graphic images do not compress well because of little redundant data // 由于冗余数据很少，矢量图形图像不易压缩
【竞赛报名/项目咨询请加微信：mollywei007】
