位图和矢量图的区别

开始学习as3了,今天搞明白了 位图和矢量图的区别

位图:在一个矩形区域(其实就是图片的宽 高 这个区域),每个像素点用一个像素来描述
从而产生的图片,顾名思义,位图放大后,是有锯齿的,因为每个像素是一个单位

矢量图: 用数学计算描述的图像,比如一个直线就是 从 x0,y0 到 x1,y1 两点画一条线
不会出现,放大后模糊的现象。
### 位图矢量图区别及各自特点 #### 位图图像的特点 位图图像也被称为点阵图像或绘制图像,由许多称为像素的小方块组成。每个像素都有特定的颜色值,当这些像素按照一定顺序排列并着色时便形成了完整的图像[^3]。 放大位图会导致单个像素变得明显可见,从而使得线条形状看起来粗糙不平滑。这是因为位图的细节依赖于固定的像素数量,在放大的过程中并没有新增更多的信息来保持原有的精细程度。因此,位图适合用于表示复杂且色彩变化细腻的照片类图像,但在缩放方面存在局限性[^4]。 ```python import numpy as np from PIL import Image # 创建一个简单的黑白位图示例 bitmap_data = np.zeros((10, 10), dtype=np.uint8) for i in range(5): bitmap_data[i][i] = 255 img = Image.fromarray(bitmap_data * 255, 'L') img.show() ``` #### 矢量图形的特点 相比之下,矢量图则是基于数学公式定义的一系列点、线其他基本几何元素构建而成。这意味着矢量图可以通过算法精确地描绘任何复杂的形状,并且无论怎样调整大小都不会损失质量[^1]。 矢量图非常适合用来创建图标、Logo以及其他需要频繁修改尺寸的设计作品。由于其数据结构简单高效——主要记录的是构成物体轮廓的关键节点坐标及其属性而非具体的每一个显示单元的信息——故而通常占用较少存储空间。不过,对于那些涉及大量渐变过渡或者纹理细节的真实感场景再现而言,矢量图的表现力则不如位图那样出色[^2]。 ```xml <!-- SVG 文件片段 --> <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"> <!-- 绘制一个圆形作为矢量图的例子 --> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red"/> </svg> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值