svg

1. svg 概述

SVG 是对图像的描述、体积小、放大不失真

SVG 文件可以用 JavaScript 和 CSS 进行操作。

 

2. svg 使用

2.1 直接插入网页,成为 DOM 的一部分

DOCTYPE html>
<html>
<head>head>
<body>
<svg
  id="mysvg"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 800 600"
  preserveAspectRatio="xMidYMid meet"
>
  <circle id="mycircle" cx="400" cy="300" r="50" />
<svg>
body>
html>
View Code

2.2 写在一个独立文件中,然后用