0045. 区分 Image 和 Graphic
- 图像（Image）通常指的是 像素数据的集合，这些数据以栅格或点阵的形式存储。
- 图形（Graphic）更多指的是 通过数学表达式定义的图形，例如 SVG 中的形状（圆形、矩形、路径等）。
- 备注：自己能够理解 Image vs. Graphic 之间的区别即可，没必要死扣图形、图像两者的区别。从中文表述层面来看，它们大多时候都是被混用的，图、图形、图像，在书面表达中我们通常会将其视作同样的东西。比如：“A：请使用 canvas 绘制一个图形，要求颜色是……”，“B：不对，canvas 画的是图像（巴拉巴拉）” —— 没必要。
1. 📒 Image vs. Graphic
- Image 和 Graphic 理解这俩词的区别，对于理解 svg 和 canvas 的差异有所帮助。从“中文”表述的角度来看，在 svg、canvas 的相关文章中，对于“图形”、“图像”这俩词，很多时候都是混着用的。之所以会记录这篇文档，主要是因为 SVG 的全称（Scalable Vector Graphics）中出现了 Graphics 这个词，同时在 canvas 中的图叫 Canvas Images，对应的词是 Image，所以在此简单记录一下，什么是 Image、Graphic，它们之间的区别又是什么。
- 在学习 SVG 以及更广泛地讨论计算机图形学时，理解“图像”和“图形”这两个词的区别确实有其价值。这两个概念虽然在日常语言中经常交替使用，但在技术上有着明确的区别，特别是在处理图形数据和渲染技术时。
- 图像（Image）
- 图像通常指的是 像素数据的集合，这些数据以栅格或点阵的形式存储。每个像素都有一个或多个与之关联的颜色值，整体上形成了一幅完整的图像。这种图像的典型例子包括照片和扫描的文档。图像的关键特点是它们的细节和外观是固定的，放大图像会导致分辨率下降，出现像素化。
- 图形（Graphic）
- 图形更多指的是 通过数学表达式定义的图形，例如 SVG 中的形状（圆形、矩形、路径等）。这些图形是矢量的，意味着它们不依赖于像素，而是依赖于路径和形状的描述。矢量图形可以无限放大或缩小，而不会失去质量，因为它们在显示或打印前都是由设备根据矢量路径实时渲染的。
- SVG 中的应用
- SVG（Scalable Vector Graphics）是一种使用 XML 格式定义图形的技术。它是一种矢量图形格式，这意味着它描述的是图形而非图像。在 SVG 中，你可以定义形状、路径、文本等元素，并且可以对它们应用变换、样式和动画，这些都是在图形层面进行的操作。
- 在学习 SVG 或任何图形处理相关的技术时，明确图像和图形的概念非常重要。这有助于你更好地理解何时使用 SVG 这样的矢量技术，以及何时可能需要使用像 JPEG 或 PNG 这样的栅格图像格式。理解这些概念可以帮助你选择最适合你的项目需求的工具和技术。