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

new figures export

Browse source
This commit is contained in:
Ilya Kantor 2015-02-01 14:45:01 +03:00
parent 3af3564921
commit a3492b1f58
60 changed files with 1424 additions and 349 deletions
Download patch file Download diff file Expand all files Collapse all files

39
1-js/7-js-misc/3-setTimeout-setInterval/setinterval-interval.svg
View file

@ -1 +1,38 @@
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>setinterval-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M131 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(128 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M150.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L138.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L134.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M131 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M274 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(271 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M293.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L281.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L277.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M274 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M408 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(405 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M427.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L415.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L411.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M408 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="115" y="183">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="259" y="183">200</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="394" y="183">300</tspan></text><path d="M221.5 122.5h50m93 0h41" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="570px" height="183px" viewBox="0 0 570 183" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="setinterval-interval">
<path d="M10.5,109 L560.5,109" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="109" y="88" width="90" height="40"></rect>
<text id="func(1)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="131" y="112">func(1)</tspan>
</text>
<path d="M128.581818,34.3424658 L118.911364,31.4383562 L126.490909,15.2739726 L106.470455,36.0958904 L116.193182,39 L110.286364,54.890411 L128.581818,34.3424658 L128.581818,34.3424658 Z M108.195455,35.6575342 L123.302273,19.9315068 L117.604545,32.0410959 L126.856818,34.7808219 L112.9,50.6164384 L117.447727,38.3972603 L108.195455,35.6575342 L108.195455,35.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M109,142.5 L109,72.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="252" y="88" width="90" height="40"></rect>
<text id="func(2)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="274" y="112">func(2)</tspan>
</text>
<path d="M271.581818,34.3424658 L261.911364,31.4383562 L269.490909,15.2739726 L249.470455,36.0958904 L259.193182,39 L253.286364,54.890411 L271.581818,34.3424658 L271.581818,34.3424658 Z M251.195455,35.6575342 L266.302273,19.9315068 L260.604545,32.0410959 L269.856818,34.7808219 L255.9,50.6164384 L260.447727,38.3972603 L251.195455,35.6575342 L251.195455,35.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M252,142.5 L252,72.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="386" y="88" width="90" height="40"></rect>
<text id="func(3)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="408" y="112">func(3)</tspan>
</text>
<path d="M405.581818,34.3424658 L395.911364,31.4383562 L403.490909,15.2739726 L383.470455,36.0958904 L393.193182,39 L387.286364,54.890411 L405.581818,34.3424658 L405.581818,34.3424658 Z M385.195455,35.6575342 L400.302273,19.9315068 L394.604545,32.0410959 L403.856818,34.7808219 L389.9,50.6164384 L394.447727,38.3972603 L385.195455,35.6575342 L385.195455,35.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M386,142.5 L386,72.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="170">100</tspan>
</text>
<text id="200" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="237" y="170">200</tspan>
</text>
<text id="300" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="372" y="170">300</tspan>
</text>
<path d="M199.5,109.5 L249.5,109.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
<path d="M342.5,109.5 L383.5,109.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Before After
Before After

46
1-js/7-js-misc/3-setTimeout-setInterval/settimeout-interval.svg
View file

@ -1 +1,45 @@
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>settimeout-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" id="Line" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M51 101h90v40H51z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(48 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M70.582 60.342l-9.67-2.904 7.58-16.164L48.47 62.096 58.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L54.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M51 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M245 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(242 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M264.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L252.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L248.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M245 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M439 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(436 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M458.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L446.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L442.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M439 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="179" y="201">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="372" y="201">100</tspan></text><path d="M142.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/><path d="M142.5 176.5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5m186 5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5" stroke-linecap="square" stroke="#4990E2"/><path d="M336.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="574px" height="204px" viewBox="0 0 574 204" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="settimeout-interval">
<path d="M11.5,108 L561.5,108" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="60" y="87" width="90" height="40"></rect>
<text id="func(1)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="82" y="111">func(1)</tspan>
</text>
<path d="M79.5818182,33.3424658 L69.9113636,30.4383562 L77.4909091,14.2739726 L57.4704545,35.0958904 L67.1931818,38 L61.2863636,53.890411 L79.5818182,33.3424658 L79.5818182,33.3424658 Z M59.1954545,34.6575342 L74.3022727,18.9315068 L68.6045455,31.0410959 L77.8568182,33.7808219 L63.9,49.6164384 L68.4477273,37.3972603 L59.1954545,34.6575342 L59.1954545,34.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M60,141.5 L60,71.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="87" width="90" height="40"></rect>
<text id="func(2)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="275" y="111">func(2)</tspan>
</text>
<path d="M272.581818,33.3424658 L262.911364,30.4383562 L270.490909,14.2739726 L250.470455,35.0958904 L260.193182,38 L254.286364,53.890411 L272.581818,33.3424658 L272.581818,33.3424658 Z M252.195455,34.6575342 L267.302273,18.9315068 L261.604545,31.0410959 L270.856818,33.7808219 L256.9,49.6164384 L261.447727,37.3972603 L252.195455,34.6575342 L252.195455,34.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M253,141.5 L253,71.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="446" y="87" width="90" height="40"></rect>
<text id="func(3)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="468" y="111">func(3)</tspan>
</text>
<path d="M465.581818,33.3424658 L455.911364,30.4383562 L463.490909,14.2739726 L443.470455,35.0958904 L453.193182,38 L447.286364,53.890411 L465.581818,33.3424658 L465.581818,33.3424658 Z M445.195455,34.6575342 L460.302273,18.9315068 L454.604545,31.0410959 L463.856818,33.7808219 L449.9,49.6164384 L454.447727,37.3972603 L445.195455,34.6575342 L445.195455,34.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M446,141.5 L446,71.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<path d="M150.5,108.5 L250.5,108.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
<path d="M343.5,108.5 L443.5,108.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
<text id="100" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="187" y="190">100</tspan>
</text>
<text id="100" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="380" y="190">100</tspan>
</text>
<path d="M150.5,165.5 L250.5,165.5" id="Line-3" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M242.5,165.5 L250.5,160.5" id="Line-5" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" transform="translate(246.500000, 163.000000) scale(-1, 1) translate(-246.500000, -163.000000) "></path>
<path d="M150.5,170.5 L158.5,165.5" id="Line-6" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" transform="translate(154.500000, 168.000000) scale(-1, 1) translate(-154.500000, -168.000000) "></path>
<path d="M242.5,170.5 L250.5,165.5" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M150.5,165.5 L158.5,160.5" id="Line-4" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M344.5,165.5 L444.5,165.5" id="Line-3" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M436.5,165.5 L444.5,160.5" id="Line-5" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" transform="translate(440.500000, 163.000000) scale(-1, 1) translate(-440.500000, -163.000000) "></path>
<path d="M344.5,170.5 L352.5,165.5" id="Line-6" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" transform="translate(348.500000, 168.000000) scale(-1, 1) translate(-348.500000, -168.000000) "></path>
<path d="M436.5,170.5 L444.5,165.5" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M344.5,165.5 L352.5,160.5" id="Line-4" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Before After
Before After