images to svg

9-regular-expressions/03-regexp-character-classes/article.md

@@ -66,7 +66,7 @@ alert( "I love HTML5!".match(/\s\w\w\w\w\d/) ); // ' HTML5'
 
 The match (each character class corresponds to one result character):
 
-![](love-html5-classes.png)
+![](love-html5-classes.svg)
 
 ## Word boundary: \b
 
@@ -95,7 +95,7 @@ When the pattern contains `pattern:\b`, it tests that the position in string is
 
 For instance, in the string `subject:Hello, Java!` the following positions match `\b`:
 
-![](hello-java-boundaries.png)
+![](hello-java-boundaries.svg)
 
 So it matches `pattern:\bHello\b`, because:
 

9-regular-expressions/03-regexp-character-classes/hello-java-boundaries.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="245px" height="74px" viewBox="0 0 245 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
+    <title>hello-java-boundaries.svg</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="regexp" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="hello-java-boundaries.svg">
+            <text id="Hello,-Java!" font-family="PTMono-Regular, PT Mono" font-size="22" font-weight="normal" letter-spacing="4.58333333" fill="#8A704D">
+                <tspan x="20" y="61">Hello, Java</tspan>
+                <tspan x="215.616667" y="61">!</tspan>
+            </text>
+            <path id="Line" d="M15.5,25.5 L15.5,8.5 L17.5,8.5 L17.5,25.5 L23.5,25.5 L16.5,39.5 L9.5,25.5 L15.5,25.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
+            <path id="Line-2" d="M110.5,25.5 L110.5,8.5 L112.5,8.5 L112.5,25.5 L118.5,25.5 L111.5,39.5 L104.5,25.5 L110.5,25.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
+            <path id="Line-3" d="M142.5,25.5 L142.5,8.5 L144.5,8.5 L144.5,25.5 L150.5,25.5 L143.5,39.5 L136.5,25.5 L142.5,25.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
+            <path id="Line-4" d="M216.5,25.5 L216.5,8.5 L218.5,8.5 L218.5,25.5 L224.5,25.5 L217.5,39.5 L210.5,25.5 L216.5,25.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

9-regular-expressions/03-regexp-character-classes/love-html5-classes.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="236px" height="52px" viewBox="0 0 236 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
+    <title>love-html5-classes.svg</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="regexp" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-family="PTMono-Regular, PT Mono" font-weight="normal">
+        <g id="love-html5-classes.svg">
+            <text id="I-love-HTML5" font-size="22" letter-spacing="4.58333333" fill="#8A704D">
+                <tspan x="9" y="39">I love HTML</tspan>
+                <tspan x="204.616667" y="39">5</tspan>
+            </text>
+            <text id="\s-\w-\w-\w-\w-\d" font-size="12" letter-spacing="-1.19999998" fill="#F38158">
+                <tspan x="114" y="16">\s \w \w \w \w \</tspan>
+                <tspan x="210" y="16">d</tspan>
+            </text>
+        </g>
+    </g>
+</svg>