鍍金池/ 問答/室內(nèi)設計  HTML/ 看見CSS之中background之中的一段SVG/XML代碼,如何才能夠?qū)⑵滢D(zhuǎn)

看見CSS之中background之中的一段SVG/XML代碼,如何才能夠?qū)⑵滢D(zhuǎn)化為png?知道這張圖片的樣子?

下載項目之中的一段代碼:

.todo-list li .toggle:checked + label {
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E');
}

試了一下,刪除多余的代碼保存svg文件不起作用,還需要設置什么呢?如何才能知道這個代碼什么樣子?

回答
編輯回答
司令
"<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#bddad5" stroke-width="3"/><path fill="#5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>"

clipboard.png

代碼被編碼轉(zhuǎn)義了

2017年11月30日 22:55