jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Embed font to SVG

Browse source
This commit is contained in:
Ilya Kantor 2019-08-11 14:17:38 +03:00
parent 1310171dd7
commit 4d44df6a3a
226 changed files with 225 additions and 11893 deletions
Download patch file Download diff file Expand all files Collapse all files

41
1-js/06-advanced-functions/08-settimeout-setinterval/setinterval-interval.svg
View file

@ -1,40 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="566px" height="173px" viewBox="0 0 566 173" 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>setinterval-interval.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="setinterval-interval.svg">
<path d="M10.5,104 L560.5,104" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="110" y="89" width="88" height="28"></rect>
<text id="func(1)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="131" y="107">func(1)</tspan>
</text>
<path d="M118.911364,26.4383562 L126.490909,10.2739726 L106.470455,31.0958904 L116.193182,34 L110.286364,49.890411 L128.581818,29.3424658 L118.911364,26.4383562 Z M123.302273,14.9315068 L117.604545,27.0410959 L126.856818,29.7808219 L112.9,45.6164384 L117.447727,33.3972603 L108.195455,30.6575342 L123.302273,14.9315068 Z" id="Shape" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<path d="M109,137.5 L109,67.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="253" y="89" width="88" height="28"></rect>
<text id="func(2)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="274" y="107">func(2)</tspan>
</text>
<path d="M271.581818,29.3424658 L261.911364,26.4383562 L269.490909,10.2739726 L249.470455,31.0958904 L259.193182,34 L253.286364,49.890411 L271.581818,29.3424658 L271.581818,29.3424658 Z M251.195455,30.6575342 L266.302273,14.9315068 L260.604545,27.0410959 L269.856818,29.7808219 L255.9,45.6164384 L260.447727,33.3972603 L251.195455,30.6575342 L251.195455,30.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<path d="M252,137.5 L252,67.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="387" y="89" width="88" height="28"></rect>
<text id="func(3)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="408" y="107">func(3)</tspan>
</text>
<path d="M405.581818,29.3424658 L395.911364,26.4383562 L403.490909,10.2739726 L383.470455,31.0958904 L393.193182,34 L387.286364,49.890411 L405.581818,29.3424658 L405.581818,29.3424658 Z M385.195455,30.6575342 L400.302273,14.9315068 L394.604545,27.0410959 L403.856818,29.7808219 L389.9,45.6164384 L394.447727,33.3972603 L385.195455,30.6575342 L385.195455,30.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<path d="M386,137.5 L386,67.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<text id="100" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="93" y="165">100</tspan>
</text>
<text id="200" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="237" y="165">200</tspan>
</text>
<text id="300" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="372" y="165">300</tspan>
</text>
<path d="M199.5,104.5 L249.5,104.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
<path d="M342.5,104.5 L383.5,104.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="566" height="173" viewBox="0 0 566 173"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="setinterval-interval.svg"><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M10.5 104h550"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M110 89h88v28h-88z"/><text id="func(1)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="131" y="107">func(1)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M118.911 26.438l7.58-16.164-20.02 20.822L116.192 34l-5.907 15.89 18.296-20.548-9.67-2.904zm4.391-11.506l-5.697 12.11 9.252 2.739L112.9 45.616l4.548-12.219-9.253-2.74 15.107-15.725z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M109 137.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M253 89h88v28h-88z"/><text id="func(2)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="274" y="107">func(2)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M271.582 29.342l-9.67-2.904 7.579-16.164-20.02 20.822L259.192 34l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L255.9 45.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M252 137.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M387 89h88v28h-88z"/><text id="func(3)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="408" y="107">func(3)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M405.582 29.342l-9.67-2.904 7.579-16.164-20.02 20.822L393.192 34l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L389.9 45.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M386 137.5v-70"/><text id="100" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="93" y="165">100</tspan></text><text id="200" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="237" y="165">200</tspan></text><text id="300" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="372" y="165">300</tspan></text><path id="Line" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M199.5 104.5h50"/><path id="Line-2" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M342.5 104.5h41"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After