<image>顾名思义里面放图片的，至于说是矢量图(vector)还是位图(raster)，都成，用起来也方便：

<svg width='310' height='310' viewBox='0 0 310 310' xmlns='http://wwww.w3.org/2000/svg'>
  <ellipse cx='154' cy='154' rx='150' ry='120' style='fill: #999'/>
  <ellipse cx='152' cy='152' rx='150' ry='120' style='fill: #999' />
  <image xlink:href='3.jpg' x='72' y='92'
    width='160' height='120'
腾讯课堂《走入SVG》
 慕课网《走进SVG》
 <SVG 精髓>
 
因为篇幅的限制，今天的分享只到这里。如果大家想了解更多的内容的话，欢迎公众号**《大迁世界》**，了解更多的资讯和有价值的内容。
                    干货系列文章汇总如下，觉得不错点个Starhttps://github.com/qq449245884/xiaozhiSVG 简介SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图...
				
百度百科：
　　SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。
什么是SVG？
　　SVG 指可伸缩矢量图形 (Scalable Vector Graphics)　　SVG 用来定义用于网络的基于矢量的图形　　SVG 使用 XML 格式定义图形　　SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失　　SVG 是万
 随时随地将SVG转换为base64
如果像我一样，在开发时使用了大量的SVG，则可能已经到了需要将SVG用作背景图像或嵌入到javascript文件中的地步。 唯一的方法是将SVG文件转换为base64字符串，然后在需要时使用它。 该软件包正是这样做的-将SVG转换为base64。
 该软件包可在浏览器和Node环境中使用。 请继续阅读以了解操作方法。
npm i svg64
yarn add svg64
只需下载此存储库并使用dist文件夹中的文件
或从unpkg.com取消设置
< script src =" https://unpkg.com/svg64 " > </ script >
在浏览器中：
 // This is your SVG DOM element
const svg = document . getElementByI
SVG是一种基于XML的图像文件格式，是一种缩放不会失真的矢量图。
使用<svg></svg>标签来绘制形状，形状的绘制都要放在此标签中，svg默认宽度是300px，高度150px，设置宽高的时候要在css中去设置（与canvas不同）。
二、基本用法
1.绘制线段：line标签
<!-- 绘制线段 -->
<line x1="100" y1="100" x2="200" y2="200" stroke="red"></line&g
				
​SVG（Scalable Vector Graphics） : 可缩放矢量图形,使用 XML 格式定义图像。可以以一种简洁、可移植的形式表示图形信息，目前大部分浏览器都显示SVG图片，IE8不支持SVG。
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-...
3. 浏览器不支持：有些浏览器不支持 SVGs，请检查使用的浏览器是否支持该格式。
4. 文件与页面编码不一致：如果文件编码与页面编码不一致，可能导致显示不正确。请检查文件编码与页面编码是否一致。
请根据以上情况进行检查，如果还是不能解决问题，请提供更详细的信息以便我们进一步帮助您。