svg怎样绘制这样的图形，一个圆环，背景是透明的？

Question

Answer 1

下面这段代码复制到xxx.svg文件中就好了，img标签引用就行了 <img src="xxx.svg"/>

如有帮助，望采纳 ^.^ 谢谢

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">  <image id="image0" width="30" height="30" x="0" y="0"
    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACOlBMVEX///8ApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAA
peAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeAApeD////5s1PpAAAAvHRSTlMA
BQcGAvjoxpFMCxIQDAoE64AZFxQO51gVIR0WCAMBKEeH3v6VGyYjHxhZ4KwcLKX9kzEwjVYzNSCn
/OY8Ovt+Pz5X5UZFO9z6SitIJYX5kD1PTcBUUgka9+P28Ftd9O5aYvPfUGdoQ/G7a21/74pwcWXP
dncqUezZen3N6nSBhJbVDy2GiIt85I+SjuHiYZk4v9qYnKCjlFwTN2y009bbgqKmqq6ytsTHy9FL
U5urr7O4vMPKzsENNIyoczKMYpAAAAABYktHRACIBR1IAAAAB3RJTUUH5QwJBBcdUynCiQAAAchJ
REFUKM9jYIADRiZmRhZWNnYOTkYGdMDCxc3Dy8fMvwcEBAR5UGW5hIRFuEVh0nv2iIkjy0pISglJ
88jIyjHwyisoKu3Zo6ysIguTlFNVU9fQlEFYpKWtrKysA5PX1ZNX02RBNo1XX9nAwBDC5jYy1hNG
c6mciYGBgSmIxW9mbmaB4RM5SwMra5D7NWxsjVgwpBl4lazs7IHusHFwlGDAApzs7JyZGSRcXN2w
yTKwuHt4eDJ4eXr7YJVm8PXz82cICAySwC7tysoazBAUEhqGXTo8IiKSwUlLiwW7NHNUVDRDTGys
LA7puLh4hoTERD4chiclJTOkpKZJYZdOz8jIZAjIysbub4ac3Og8Bsn8gkI5rMFSFB/vzSCbVVxS
ik26TKC8gpmBIaCyKp8ZU5aruqamGEjL1NbVi2MYL9dgLdbYBGI1t7S2paDJy7VHdjinQNiBbZ1d
aTLIsnzdyT299TA39nU19LdNgBvA4jlxkntyPzwwWcQnT5k6bfoMo5n8/BKzZs+ZO69i/gLkoDb3
X7ho8ZKlyzKDl69YWbSqcflqVLfwrVm7bv2GjZuCN6/YsnVb1nYMj8ruKNy5a+OmpWt3ByCyIADw
2G+AuLaRdgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMi0wOFQyMDoyMzoyOSswODowMDlIDOQA
AAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTItMDhUMjA6MjM6MjkrMDg6MDBIFbRYAAAAIHRFWHRz
b2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVu
dDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADMwxvqZ2AAAABZ0RVh0
VGh1bWI6OkltYWdlOjpXaWR0aAAzMD5VWVUAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9w
bmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYzODk2NjIwOUgToZkAAAARdEVYdFRodW1iOjpT
aXplADczNUJCGPNPEQAAAEd0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2FwcC90bXAvaW1hZ2VsYy9p
bWd2aWV3Ml85XzE2Mzg4NDgwMjU2OTc1Mjk4XzMyNl9bMF0Tjg1fAAAAAElFTkSuQmCC" ></image>
</svg>