【SVG】为了前端页面的美观，我选择学习SVG，如有侵权请联系我删除，谢谢！说明在之前自学的过程中，SVG一直很深，不敢去触碰，但是想要了解，最终还是会走到这一步。不管技术看起来有多难，都是从简单的知识点积累起来的。什么是SVG？SVG代表可缩放矢量图形。它使用XML格式定义图像。SVG图像可以放大或调整大小而不会损失图形质量。SVG是万维网联盟的标准。SVG与DOM和XSL等W3C标准集成。一般来说，SVG是由XML定义的文件。由于它是矢量图形，因此其图形质量非常高。由于SVG是一个XML文件，因此可以使用任何文本编辑器创建SVG图像，但复杂的图形仍然必须使用图形编辑工具。SVG的优点SVG可以被许多工具（如记事本）读取和修改。SVG比JPEG和GIF图像更小且更易于压缩。SVG是可扩展的。可以在任何分辨率下以高质量打印SVG图像。可以在不损失图像质量的情况下放大SVG。SVG图像中的文本是可选的，也是可搜索的（非常适合地图）。SVG是一个开放标准。SVG文件是纯XML。SVG的主要竞争对手是Flash。SVG相对于Flash的最大优势是它与XSL和DOM等其他标准的兼容性。Flash是一种非开源的专有技术。一个小示例代码效果代码解析第一行包含XML声明。standalone属性指定此SVG文件是“独立的”，还是包含对外部文件的引用，standalone="no"表示SVG文档将引用外部文件-在本例中为DTD文件。代表SVG代码，相当于开始标签和结束标签，是根元素。width和height属性设置此SVG文档的宽度和高度。version属性定义了使用的SVG版本。xmlns属性定义了SVG命名空间。用于创建一个圆。cx和cy属性定义圆心的x和y坐标。如果省略这两个属性，则点将设置为(0,0)。r属性定义圆的半径。stroke和stroke-width属性控制形状轮廓的显示方式。我们将圆的轮廓设置为2px宽，带有黑色边框。fill属性设置形状内部的颜色。我们将填充颜色设置为红色。结束标签的作用是关闭SVG元素和文档本身。注意：所有打开的标签必须有一个关闭的标签！如何在HTML中使用SVG？将SVG文件嵌入到HTML文档中有5种方法：![]()
、
