Too, and teach you how to use SVG vector graphics in a blog Markdown Park

Nonsense further ado, directly on a map illustrate the problem:

R1
R1
R2
R2
R5
R5
R3
R3
R4
R4
I
I
U
U
I5
I5
Is1
Is1
Is2
Is2
Is3
Is3

Clever little direct partner of course, choose to view the page source code

Is the source code of the Web page, the blog format Markdown Park blog, can resolve some html tags, I use it is a simple <div> and <svg> tag. This general method is the following:

<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" style="stroke: black; fill: none;"/>
      </svg>
    </td>
  </tr>
</table>

or it could be

<div width="100%" style="overflow-x: auto;"> 
  <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" style="stroke: black; fill: none;"/>
  </svg>
</div>

Such
then the code can turn SVG, SVG Can you turn code?
Here I want to blow blast drawing software
when right, he can speak directly with SVG export format source code, drawing export to SVG source code format, directly on the <div> tag inside it:


H
H
G
G
F
F
E
E
D
D
C
C
B
B
A
A
HA
HA
AB
AB
ABC
ABC
BC
BC
BCD
BCD
CD
CD
ED
ED
CDE
CDE
EF
EF
DEF
DEF
EFG
EFG
FG
FG
FGH
FGH
GH
GH
GHA
GHA
ABH
ABH
BDE
BDE
CDEF
CDEF
DEFG
DEFG
EFGH
EFGH
FGHA
FGHA
ABGH
ABGH
ABCH
ABCH
ABCD
ABCD
BCEF
BCEF
ABCGH
ABCGH
ABCDEFGH
ABCDEFGH

Guess you like

Origin www.cnblogs.com/wevolf/p/11025438.html