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

104
1-js/4-data-structures/7-array/array-shift.svg
View file

@ -1 +1,103 @@
<svg width="593" height="158" viewBox="0 0 593 158" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#9B9B9B" d="M0 79h37v54H0zm36 0h37v54H36z"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="110">0</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="52" y="110">1</tspan></text><path stroke="#9B9B9B" d="M72 79h37v54H72z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="88" y="110">2</tspan></text><path stroke="#9B9B9B" d="M108 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="124" y="110">3</tspan></text><text transform="rotate(-89 18.96 45)" font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="-12.04" y="47">&amp;quot;Яблоко&amp;quot;</tspan></text><text transform="rotate(-89 59.46 38)" font-family="Consolas" font-size="14" fill="#000"><tspan x="20.96" y="40">&amp;quot;Апельсин&amp;quot;</tspan></text><text transform="rotate(-89 92 50)" font-family="Consolas" font-size="14" fill="#000"><tspan x="65" y="52">&amp;quot;Груша&amp;quot;</tspan></text><text transform="rotate(-89 129.96 49)" font-family="Consolas" font-size="14" fill="#000"><tspan x="102.96" y="51">&amp;quot;Лимон&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="0" y="155">length = 4</tspan></text><path stroke="#9B9B9B" d="M218 79h37v54h-37zm36 0h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="233" y="110">0</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="270" y="110">1</tspan></text><path stroke="#9B9B9B" d="M290 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="306" y="110">2</tspan></text><path stroke="#9B9B9B" d="M326 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="342" y="110">3</tspan></text><text transform="rotate(-89 277.46 38)" font-family="Consolas" font-size="14" fill="#000"><tspan x="238.96" y="40">&amp;quot;Апельсин&amp;quot;</tspan></text><text transform="rotate(-89 310 50)" font-family="Consolas" font-size="14" fill="#000"><tspan x="283" y="52">&amp;quot;Груша&amp;quot;</tspan></text><text transform="rotate(-89 347.96 49)" font-family="Consolas" font-size="14" fill="#000"><tspan x="320.96" y="51">&amp;quot;Лимон&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="218" y="155">length = 4</tspan></text><path d="M213 106l-16.606-9v6H154v6h42.394v6L213 106z" fill="#000"/><text font-family="Open Sans" font-size="14" fill="#4990E2"><tspan x="150" y="95">очистить</tspan></text><path stroke="#9B9B9B" d="M484 79h37v54h-37zm36 0h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="499" y="110">0</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="536" y="110">1</tspan></text><path stroke="#9B9B9B" d="M556 79h37v54h-37z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="572" y="110">2</tspan></text><text transform="rotate(-89 505.46 38)" font-family="Consolas" font-size="14" fill="#000"><tspan x="466.96" y="40">&amp;quot;Апельсин&amp;quot;</tspan></text><text transform="rotate(-89 538 50)" font-family="Consolas" font-size="14" fill="#000"><tspan x="511" y="52">&amp;quot;Груша&amp;quot;</tspan></text><text transform="rotate(-89 575.96 49)" font-family="Consolas" font-size="14" fill="#000"><tspan x="548.96" y="51">&amp;quot;Лимон&amp;quot;</tspan></text><text font-family="Consolas" font-size="14"><tspan x="484" y="155">length =</tspan><tspan x="553.275" y="155" fill="#4990E2">3</tspan></text><path d="M470 107l-16.606-9v6h-71.94v6.557l71.94-.557v6L470 107z" fill="#000"/><text font-family="Open Sans" font-size="14" fill="#4990E2"><tspan x="382" y="93">переместить</tspan><tspan x="382" y="131">элементы</tspan><tspan x="382" y="150">влево</tspan></text></g></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="610px" height="175px" viewBox="0 0 610 175" 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="array-shift">
<text id="1" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="63" y="116.973154">1</tspan>
</text>
<rect id="Rectangle-3" stroke="#E8C48E" stroke-width="2" x="83" y="85.973154" width="37" height="54"></rect>
<text id="2" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="99" y="116.973154">2</tspan>
</text>
<rect id="Rectangle-4" stroke="#E8C48E" stroke-width="2" x="119" y="85.973154" width="37" height="54"></rect>
<text id="3" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="135" y="116.973154">3</tspan>
</text>
<text id="&quot;Апельсин&quot;" transform="translate(70.500000, 44.973154) rotate(-89.000000) translate(-70.500000, -44.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="32" y="46.973154">"Апельсин"</tspan>
</text>
<text id="&quot;Груша&quot;" transform="translate(103.000000, 56.973154) rotate(-89.000000) translate(-103.000000, -56.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="76" y="58.973154">"Груша"</tspan>
</text>
<text id="&quot;Лимон&quot;" transform="translate(141.000000, 55.973154) rotate(-89.000000) translate(-141.000000, -55.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="114" y="57.973154">"Лимон"</tspan>
</text>
<text id="length-=-4" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="172" y="63.973154">length = 4</tspan>
</text>
<rect id="Rectangle-8" stroke="#E8C48E" stroke-width="2" x="229" y="85.973154" width="37" height="54"></rect>
<rect id="Rectangle-5" stroke="#E8C48E" stroke-width="2" x="265" y="85.973154" width="37" height="54"></rect>
<text id="-1" font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="244" y="116.973154">0</tspan>
</text>
<text id="-2" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="281" y="116.973154">1</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" x="301" y="85.973154" width="37" height="54"></rect>
<text id="-3" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="317" y="116.973154">2</tspan>
</text>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" x="337" y="85.973154" width="37" height="54"></rect>
<text id="-4" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="353" y="116.973154">3</tspan>
</text>
<text id="&quot;Апельсин&quot;-2" transform="translate(288.500000, 44.973154) rotate(-89.000000) translate(-288.500000, -44.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="250" y="46.973154">"Апельсин"</tspan>
</text>
<text id="&quot;Груша&quot;-2" transform="translate(321.000000, 56.973154) rotate(-89.000000) translate(-321.000000, -56.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="294" y="58.973154">"Груша"</tspan>
</text>
<text id="&quot;Лимон&quot;-2" transform="translate(359.000000, 55.973154) rotate(-89.000000) translate(-359.000000, -55.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="332" y="57.973154">"Лимон"</tspan>
</text>
<text id="length-=-5" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="390" y="63.973154">length = 4</tspan>
</text>
<path d="M195,141.973154 L204,125.366988 L198,125.366988 L198,82.973154 L192,82.973154 L192,125.366988 L186,125.366988 L195,141.973154 Z" id="Shape" fill="#EE6B47" transform="translate(195.000000, 112.473154) rotate(-90.000000) translate(-195.000000, -112.473154) "></path>
<text id="очистить" font-family="Open Sans" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="161" y="101.973154">очистить</tspan>
</text>
<text id="переместить" font-family="Open Sans" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="393" y="99.973154">переместить</tspan>
<tspan x="393" y="118.973154"></tspan>
<tspan x="393" y="137.973154">элементы</tspan>
<tspan x="393" y="156.973154">влево</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" x="11" y="86" width="37" height="54"></rect>
<rect id="Rectangle-2" stroke="#E8C48E" stroke-width="2" x="47" y="85.973154" width="37" height="54"></rect>
<text id="0" font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="26" y="116.973154">0</tspan>
</text>
<text id="&quot;Яблоко&quot;" transform="translate(30.000000, 51.973154) rotate(-89.000000) translate(-30.000000, -51.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="-1" y="53.973154">"Яблоко"</tspan>
</text>
<path d="M437,158.519052 L446,141.912886 L440,141.912886 L440,69.973154 L433.442871,69.973154 L434,141.912886 L428,141.912886 L437,158.519052 Z" id="Shape-2" fill="#EE6B47" transform="translate(437.000000, 114.246103) rotate(-90.000000) translate(-437.000000, -114.246103) "></path>
<rect id="Rectangle-12" stroke="#E8C48E" stroke-width="2" x="495" y="85.973154" width="37" height="54"></rect>
<rect id="Rectangle-9" stroke="#E8C48E" stroke-width="2" x="531" y="85.973154" width="37" height="54"></rect>
<text id="-5" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="510" y="116.973154">0</tspan>
</text>
<text id="-6" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="547" y="116.973154">1</tspan>
</text>
<rect id="Rectangle-10" stroke="#E8C48E" stroke-width="2" x="567" y="85.973154" width="37" height="54"></rect>
<text id="-7" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="583" y="116.973154">2</tspan>
</text>
<text id="&quot;Апельсин&quot;-3" transform="translate(516.500000, 44.973154) rotate(-89.000000) translate(-516.500000, -44.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="478" y="46.973154">"Апельсин"</tspan>
</text>
<text id="&quot;Груша&quot;-3" transform="translate(549.000000, 56.973154) rotate(-89.000000) translate(-549.000000, -56.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="522" y="58.973154">"Груша"</tspan>
</text>
<text id="&quot;Лимон&quot;-3" transform="translate(587.000000, 55.973154) rotate(-89.000000) translate(-587.000000, -55.973154) " font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="560" y="57.973154">"Лимон"</tspan>
</text>
<text id="length-=-3" font-family="Consolas" font-size="14" font-weight="normal">
<tspan x="495" y="161.973154" fill="#8A704D">length = </tspan>
<tspan x="564.275391" y="161.973154" fill="#EE6B47">3</tspan>
</text>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

Before After
Before After