UNPKG

@ryusei/light

Version:

<div align="center"> <a href="https://light.ryuseijs.com"> <img alt="RyuseiLight" src="https://light.ryuseijs.com/images/svg/logo.svg" width="70"> </a>

github.com/ryuseijs/ryusei-light

ryuseijs/ryusei-light

84 lines (81 loc) • 5.17 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>SVG</title> <link href="../../../../dist/css/themes/ryuseilight-ryusei.min.css" rel="stylesheet"> </head> <body> <h3>Practical Example</h3> <pre> &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; standalone=&quot;no&quot;?&gt; &lt;!-- Created with Inkscape (http://www.inkscape.org/) --&gt; &lt;svg xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; xmlns:cc=&quot;http://creativecommons.org/ns#&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns:svg=&quot;http://www.w3.org/2000/svg&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:sodipodi=&quot;http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd&quot; xmlns:inkscape=&quot;http://www.inkscape.org/namespaces/inkscape&quot; width=&quot;450&quot; height=&quot;450&quot; viewBox=&quot;0 0 450.00001 450.00001&quot; id=&quot;svg10276&quot; version=&quot;1.1&quot; inkscape:version=&quot;0.91 r13725&quot; sodipodi:docname=&quot;chat-smile.svg&quot;&gt; &lt;defs id=&quot;defs10278&quot; /&gt; &lt;sodipodi:namedview id=&quot;base&quot; pagecolor=&quot;#ffffff&quot; bordercolor=&quot;#666666&quot; borderopacity=&quot;1.0&quot; inkscape:pageopacity=&quot;0.0&quot; inkscape:pageshadow=&quot;2&quot; inkscape:zoom=&quot;0.49497475&quot; inkscape:cx=&quot;722.65139&quot; inkscape:cy=&quot;278.56443&quot; inkscape:document-units=&quot;px&quot; inkscape:current-layer=&quot;layer1&quot; showgrid=&quot;false&quot; units=&quot;px&quot; inkscape:window-width=&quot;1920&quot; inkscape:window-height=&quot;1027&quot; inkscape:window-x=&quot;-8&quot; inkscape:window-y=&quot;22&quot; inkscape:window-maximized=&quot;1&quot; /&gt; &lt;metadata id=&quot;metadata10281&quot;&gt; &lt;rdf:RDF&gt; &lt;cc:Work rdf:about=&quot;&quot;&gt; &lt;dc:format&gt;image/svg+xml&lt;/dc:format&gt; &lt;dc:type rdf:resource=&quot;http://purl.org/dc/dcmitype/StillImage&quot; /&gt; &lt;dc:title&gt;&lt;/dc:title&gt; &lt;/cc:Work&gt; &lt;/rdf:RDF&gt; &lt;/metadata&gt; &lt;g inkscape:label=&quot;Layer 1&quot; inkscape:groupmode=&quot;layer&quot; id=&quot;layer1&quot; transform=&quot;translate(0,-602.36216)&quot;&gt; &lt;path inkscape:connector-curvature=&quot;0&quot; style=&quot;color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate&quot; d=&quot;m 18.47455,638.21167 c -6.2125,0 -11.2148,5.00035 -11.2148,11.21289 l 0,270.26757 c 0,6.21254 5.0024,11.21289 11.2148,11.21289 l 215.8672,0 a 10.001,10.001 0 0 0 1.2071,1.83399 c 28.9464,34.49313 68.0318,61.49456 112.332,82.78709 a 10.001,10.001 0 0 0 12.959,-14.0723 c -15.3061,-26.09852 -28.178,-46.52239 -37.1348,-70.54878 l 107.8203,0 c 6.2125,0 11.2149,-5.00035 11.2149,-11.21289 l 0,-270.26757 c 0,-6.21254 -5.0024,-11.2129 -11.2149,-11.21289 l -413.0508,0 z m 137.1856,51.14843 a 32.142688,32.142688 0 0 1 31.3281,29.64258 32.142688,32.142688 0 0 1 -29.5527,34.53906 32.142688,32.142688 0 0 1 -34.5391,-29.55273 32.142688,32.142688 0 0 1 29.5528,-34.53906 32.142688,32.142688 0 0 1 3.2109,-0.0899 z m 140.1133,0 0,0 a 32.142688,32.142688 0 0 1 31.3262,29.64258 32.142688,32.142688 0 0 1 -29.5527,34.53906 32.142688,32.142688 0 0 1 -34.5391,-29.55273 32.142688,32.142688 0 0 1 29.5527,-34.53906 32.142688,32.142688 0 0 1 3.211,-0.0899 z m -154.7559,120.25977 a 15.0015,15.0015 0 0 1 12.4649,7.17773 c 13.1058,20.78966 41.1764,32.8739 70.9648,32.9668 29.7884,0.0929 59.2751,-11.83163 74.4961,-33.48828 a 15.0015,15.0015 0 1 1 24.5449,17.25 c -22.4073,31.88145 -61.4568,46.35578 -99.1347,46.23828 -37.6778,-0.1175 -76.0046,-14.85351 -96.25,-46.96875 a 15.0015,15.0015 0 0 1 12.914,-23.17578 z&quot; id=&quot;path5828-9&quot; /&gt; &lt;/g&gt; &lt;/svg&gt; </pre> <script src="../../../../dist/js/ryuseilight.min.js"></script> <script src="../../../../dist/js/languages/svg.min.js"></script> <script> const ryuseilight = new RyuseiLight(); ryuseilight.apply( 'pre', { language: 'svg' } ); </script> </body> </html>