清风－－AI练习贴_清风ai-优快云博客

本文链接：https://blog.youkuaiyun.com/changzheng/article/details/370504

博主表示要学习AI，原因是AI可制作矢量图并输出为SVG格式，SVG图像是标准的XML文档。IE浏览SVG需安装SVGView，可到Google搜索下载。还介绍了写SVG代码、用AI打开SVG文件可编辑，复杂图形可用AI做型再用代码精确控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

别怀疑，没看错：）我也要开始学习AI了，哈哈哈，当然了，我是不大可能学会画画了，我连个圆都画不好

。废话不多说了，为何要学习AI，因为AI除了可以制作矢量图以外，还可以将图像输出为SVG格式，大家可以尝试把自己的AI图转存为SVG图像，可以用记事本打开这个SVG图像，会发现就是一个标准的XML文档。

IE如果要浏览SVG图像，请安装SVGView，我现在上不了国际网无法给出确切下载地址，大家到Google一下吧。

SVG是什么？

在万维网历史的大部分时间里，浏览器显示的图形都是光栅格式的。在光栅图像（如 GIF 或 JPEG 图像）中，文件包含图像中每个像素的颜色值。浏览器读取这些值并做出相应行动。它仅认识到单独的部分，而没有整体概念。
总的说来，这一系统有其优势，例如忠实再现摄影图像的能力，但它在某些情形下显得不足。例如，尽管浏览器能以不同大小显示一个图像，通常会产生锯齿边缘，在这些地方，浏览器不得不为那些在原始图像中不存在的像素插入或猜测数值。此外，光栅文件格式的二进制性质使得难以（尽管不是不可能）基于数据库信息动态地创建图像，并且动画最多也仅限于“翻动书本”类型的动画，即快速连续地显示单独图像。
向量图形，通过指定为确定每个像素的值所需的指令而不是指定这些值本身，克服了这些困难中的一部分。例如，向量图形不再为一个直径一英寸的圆提供像素值，而是告诉浏览器创建一个直径一英寸的圆，然后让浏览器（或插件）做其余事情。
这消除了光栅图形的许多限制；使用向量图形，浏览器只要知道它必须画一个圆。如果图像需要以正常大小的三倍来显示，那么浏览器只要按正确的大小画圆而不必执行光栅图像通常的插入法。类似地，浏览器接收的指令可以更容易地与外部信息源（如应用程序和数据库）绑定，要对图像制作动画，浏览器只要接收有关如何操纵属性（如半径或颜色）的指令即可。

接下来，尝试着在写一个SVG代码

<?xml version="1.0" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>
<svg width="300" height="100" xmlns="http://www.w3.org/2000/svg";>
<rect x="25" y="10" width="280" height="50"
fill="red" stroke="blue" stroke-width="3"/>
</svg>

效果如下：