在博客园 Markdown 使用SVG 矢量图
生活随笔
收集整理的這篇文章主要介紹了
在博客园 Markdown 使用SVG 矢量图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
廢話先不多說,直接上個圖說明問題:
R1R1R2R2R5R5R3R3R4R4IIUUI5I5Is1Is1Is2Is2Is3Is3
# 聰明的小伙伴當然選擇直接查看網頁源代碼了
對就是網頁源代碼中,在博客園的 Markdown 格式的博客中,是可以解析一些 html 標簽的,我用的就是簡單的 <div> 與 <svg> 標簽。通常的方法是下面這樣的:
<table>
<tr>
<td>
<svg width="140" height="170">
<title>SVG Sample</title>
<desc>This is a sample to use SVG in markdown on the website cnblogs.</desc>
<circle cx="70" cy="95" r="50"/>
</svg>
</td>
</tr>
</table>
或者是
<div width="100%">
<svg width="140" height="170">
<title>SVG Sample</title>
<desc>This is a sample to use SVG in markdown on the website cnblogs.</desc>
<circle cx="70" cy="95" r="50"/>
</svg>
</div>
這樣的
那么代碼可以轉 SVG, 那么 SVG 可不可以轉代碼呢?
這里我要吹爆 畫圖軟件
對,他可以直接講 SVG 以源代碼的格式導出,畫圖的時候以 SVG 源代碼格式導出,直接放在 <div> 標簽里面,就可以了:
HHGGFFEEDDCCBBAAHAHAABABABCABCBCBCBCDBCDCDCDEDEDCDECDEEFEFDEFDEFEFGEFGFGFGFGHFGHGHGHGHAGHAABHABHBDEBDECDEFCDEFDEFGDEFGEFGHEFGHFGHAFGHAABGHABGHABCHABCHABCDABCDBCEFBCEFABCGHABCGHABCDEFGHABCDEFGH
$nleft(w_{2}, 1ight)$$nleft(w_{2}, 1ight)$
總結
以上是生活随笔為你收集整理的在博客园 Markdown 使用SVG 矢量图的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ACdream 1061(abs用法)
- 下一篇: 计划在特斯拉内置Steam后:马斯克称对