before port to png
This commit is contained in:
Ilya Kantor
parent
651a08b270
commit
ca2adc84ba
60 changed files with 206 additions and 384 deletions
|
|
@ -60,9 +60,7 @@
|
|||
<tspan x="17" y="73">DOM</tspan>
|
||||
</text>
|
||||
<path d="M174.5,41.5 L174.5,72.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M174.5,72.5 C175.55,68.72 176.45,65.48 177.5,61.7 C175.4,61.7 173.6,61.7 171.5,61.7 C172.55,65.48 173.45,68.72 174.5,72.5 C174.5,72.5 174.5,72.5 174.5,72.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M132.5,41.5 L86.5,73.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-2-decoration-1" d="M86.5293087,73.4796113 C90.2319481,72.182938 93.405639,71.0715038 97.1082783,69.7748305 C95.9090429,68.0509295 94.8811268,66.5733002 93.6818914,64.8493993 C91.1784875,67.8699735 89.0327127,70.4590371 86.5293087,73.4796113 C86.5293087,73.4796113 86.5293087,73.4796113 86.5293087,73.4796113 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<text id="…" sketch:type="MSTextLayer" font-family="Consolas" font-size="24" font-weight="normal" fill="#727155">
|
||||
<tspan x="50" y="122">…</tspan>
|
||||
</text>
|
||||
|
|
@ -70,7 +68,6 @@
|
|||
<tspan x="287" y="201">…</tspan>
|
||||
</text>
|
||||
<path d="M217.490385,40.4861111 L267.509615,74.5138889" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M267.099194,74.2346818 C264.564439,71.2403677 262.391792,68.6738127 259.857037,65.6794986 C258.675837,67.4158069 257.66338,68.9040712 256.48218,70.6403795 C260.198135,71.8983853 263.383239,72.976676 267.099194,74.2346818 C267.099194,74.2346818 267.099194,74.2346818 267.099194,74.2346818 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 6.3 KiB |
|
|
@ -72,7 +72,7 @@ document.body.appendChild(ul); // затем в документ
|
|||
ul.innerHTML += "<li>1</li><li>2</li>...";
|
||||
```
|
||||
|
||||
Но операция `+=` с `innerHTML` не работает с DOM. Она не прибавляет, а заменяет всё содержимое списка на дополненную строку. Это не только медленно, но все внешние ресурсы (картинки) будут загружены заново. Так лучше не делать.
|
||||
Но операцию `ul.innerHTML += "..."` можно по-другому переписать как `ul.innerHTML = ul.innerHTML + "..."`. Иначе говоря, она *не прибавляет, а заменяет* всё содержимое списка на дополненную строку. Это и нехорошо с точки зрения производительности, но и будут побочные эффекты. В частности, все внешние ресурсы (картинки) внутри перезаписываемого `innerHTML` будут загружены заново. Если в каких-то переменных были ссылки на элементы списка -- они станут неверны, так как содержимое полностью заменяется.В общем, так лучше не делать.
|
||||
|
||||
А если нужно вставить в середину списка? Здесь `innerHTML` вообще не поможет.
|
||||
|
||||
|
|
|
|||
|
|
@ -62,17 +62,11 @@
|
|||
<path d="M467.5,427 L539.639999,427" id="Line-32" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M466.5,561 L614.639999,561" id="Line-26" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M605,64.5 L605,558.5" id="Line-25" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-25-decoration-1" d="M605,65.3 C606.05,69.08 606.95,72.32 608,76.1 C605.9,76.1 604.1,76.1 602,76.1 C603.05,72.32 603.95,69.08 605,65.3 C605,65.3 605,65.3 605,65.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-25-decoration-2" d="M605,558.5 C606.05,554.72 606.95,551.48 608,547.7 C605.9,547.7 604.1,547.7 602,547.7 C603.05,551.48 603.95,554.72 605,558.5 C605,558.5 605,558.5 605,558.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M571,164.5 L571,447.5" id="Line-30" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-30-decoration-1" d="M571,165.3 C572.05,169.08 572.95,172.32 574,176.1 C571.9,176.1 570.1,176.1 568,176.1 C569.05,172.32 569.95,169.08 571,165.3 C571,165.3 571,165.3 571,165.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-30-decoration-2" d="M571,447.5 C572.05,443.72 572.95,440.48 574,436.7 C571.9,436.7 570.1,436.7 568,436.7 C569.05,440.48 569.95,443.72 571,447.5 C571,447.5 571,447.5 571,447.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="clientHeight" sketch:type="MSTextLayer" transform="translate(516.500000, 304.000000) rotate(-90.000000) translate(-516.500000, -304.000000) " font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle" fill="#EE6B47">
|
||||
<tspan x="470.316406" y="306">clientHeight</tspan>
|
||||
</text>
|
||||
<path d="M527,191.5 L527,425.5" id="Line-34" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-34-decoration-1" d="M527,192.3 C528.05,196.08 528.95,199.32 530,203.1 C527.9,203.1 526.1,203.1 524,203.1 C525.05,199.32 525.95,196.08 527,192.3 C527,192.3 527,192.3 527,192.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-34-decoration-2" d="M527,425.5 C528.05,421.72 528.95,418.48 530,414.7 C527.9,414.7 526.1,414.7 524,414.7 C525.05,418.48 525.95,421.72 527,425.5 C527,425.5 527,425.5 527,425.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="offsetTop" sketch:type="MSTextLayer" transform="translate(106.500000, 83.000000) rotate(-90.000000) translate(-106.500000, -83.000000) " font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle" fill="#EE6B47">
|
||||
<tspan x="71.8623047" y="85">offsetTop</tspan>
|
||||
</text>
|
||||
|
|
@ -80,24 +74,16 @@
|
|||
<tspan x="94.5136719" y="239">clientLeft</tspan>
|
||||
</text>
|
||||
<path d="M117,4.5 L117,160.5" id="Line-36" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-36-decoration-1" d="M117,5.3 C118.05,9.08 118.95,12.32 120,16.1 C117.9,16.1 116.1,16.1 114,16.1 C115.05,12.32 115.95,9.08 117,5.3 C117,5.3 117,5.3 117,5.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-36-decoration-2" d="M117,159.5 C118.05,155.72 118.95,152.48 120,148.7 C117.9,148.7 116.1,148.7 114,148.7 C115.05,152.48 115.95,155.72 117,159.5 C117,159.5 117,159.5 117,159.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M521,64.5 L521,157.5" id="Line-31" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-31-decoration-1" d="M521,65.3 C522.05,69.08 522.95,72.32 524,76.1 C521.9,76.1 520.1,76.1 518,76.1 C519.05,72.32 519.95,69.08 521,65.3 C521,65.3 521,65.3 521,65.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-31-decoration-2" d="M521,157.5 C522.05,153.72 522.95,150.48 524,146.7 C521.9,146.7 520.1,146.7 518,146.7 C519.05,150.48 519.95,153.72 521,157.5 C521,157.5 521,157.5 521,157.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<rect id="Rectangle-14" fill-opacity="0.88" fill="#FFFFFF" sketch:type="MSShapeGroup" x="154" y="73" width="312" height="89"></rect>
|
||||
<rect id="Rectangle-15" fill-opacity="0.88" fill="#FFFFFF" sketch:type="MSShapeGroup" x="154" y="451" width="312" height="93"></rect>
|
||||
<path d="M145.639999,486.09 L444.999985,486.09" id="Line-39" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-39-decoration-1" d="M146.439999,486.09 C150.219999,485.04 153.459999,484.14 157.239999,483.09 C157.239999,485.19 157.239999,486.99 157.239999,489.09 C153.459999,488.04 150.219999,487.14 146.439999,486.09 C146.439999,486.09 146.439999,486.09 146.439999,486.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-39-decoration-2" d="M444.639999,486.09 C440.859999,485.04 437.619999,484.14 433.839999,483.09 C433.839999,485.19 433.839999,486.99 433.839999,489.09 C437.619999,488.04 440.859999,487.14 444.639999,486.09 C444.639999,486.09 444.639999,486.09 444.639999,486.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M445.639999,510 L445.639999,426" id="Line-42" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M141.639999,510 L141.639999,426" id="Line-43" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<text id="clientWidth" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle" fill="#EE6B47">
|
||||
<tspan x="265.165039" y="478">clientWidth</tspan>
|
||||
</text>
|
||||
<path d="M4.63999939,163.09 L114,163.09" id="Line-41" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-41-decoration-1" d="M5.43999939,163.09 C9.21999939,162.04 12.4599994,161.14 16.2399994,160.09 C16.2399994,162.19 16.2399994,163.99 16.2399994,166.09 C12.4599994,165.04 9.21999939,164.14 5.43999939,163.09 C5.43999939,163.09 5.43999939,163.09 5.43999939,163.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-41-decoration-2" d="M113.639999,163.09 C109.859999,162.04 106.619999,161.14 102.839999,160.09 C102.839999,162.19 102.839999,163.99 102.839999,166.09 C106.619999,165.04 109.859999,164.14 113.639999,163.09 C113.639999,163.09 113.639999,163.09 113.639999,163.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="clientTop" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle" fill="#C74A6C">
|
||||
<tspan x="150.862305" y="178">clientTop</tspan>
|
||||
</text>
|
||||
|
|
@ -105,8 +91,6 @@
|
|||
<tspan x="21.0136719" y="154">offsetLeft</tspan>
|
||||
</text>
|
||||
<path d="M120.639999,529.09 L488.999985,529.09" id="Line-40" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-40-decoration-1" d="M121.439999,529.09 C125.219999,528.04 128.459999,527.14 132.239999,526.09 C132.239999,528.19 132.239999,529.99 132.239999,532.09 C128.459999,531.04 125.219999,530.14 121.439999,529.09 C121.439999,529.09 121.439999,529.09 121.439999,529.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-40-decoration-2" d="M488.639999,529.09 C484.859999,528.04 481.619999,527.14 477.839999,526.09 C477.839999,528.19 477.839999,529.99 477.839999,532.09 C481.619999,531.04 484.859999,530.14 488.639999,529.09 C488.639999,529.09 488.639999,529.09 488.639999,529.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M490.639999,551 L490.639999,447" id="Line-45" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M116.639999,551 L116.639999,447" id="Line-44" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<text id="offsetWidth" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle" fill="#EE6B47">
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 16 KiB |
|
|
@ -52,11 +52,7 @@
|
|||
</g>
|
||||
</g>
|
||||
<path d="M65.4099998,15.6800003 L65.4099998,63.6800003" id="Line-7" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-7-decoration-1" d="M65.4099998,62.6800003 C66.4599998,58.9000003 67.3599998,55.6600003 68.4099998,51.8800003 C66.3099998,51.8800003 64.5099998,51.8800003 62.4099998,51.8800003 C63.4599998,55.6600003 64.3599998,58.9000003 65.4099998,62.6800003 C65.4099998,62.6800003 65.4099998,62.6800003 65.4099998,62.6800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-7-decoration-2" d="M65.4099998,16.4800003 C66.4599998,20.2600003 67.3599998,23.5000003 68.4099998,27.2800003 C66.3099998,27.2800003 64.5099998,27.2800003 62.4099998,27.2800003 C63.4599998,23.5000003 64.3599998,20.2600003 65.4099998,16.4800003 C65.4099998,16.4800003 65.4099998,16.4800003 65.4099998,16.4800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M15.4099998,64.6800003 L85.9999962,64.6800003" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-28-decoration-1" d="M85.4099998,64.6800003 C81.6299998,63.6300003 78.3899998,62.7300003 74.6099998,61.6800003 C74.6099998,63.7800003 74.6099998,65.5800003 74.6099998,67.6800003 C78.3899998,66.6300003 81.6299998,65.7300003 85.4099998,64.6800003 C85.4099998,64.6800003 85.4099998,64.6800003 85.4099998,64.6800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-28-decoration-2" d="M16.2099998,64.6800003 C19.9899998,63.6300003 23.2299998,62.7300003 27.0099998,61.6800003 C27.0099998,63.7800003 27.0099998,65.5800003 27.0099998,67.6800003 C23.2299998,66.6300003 19.9899998,65.7300003 16.2099998,64.6800003 C16.2099998,64.6800003 16.2099998,64.6800003 16.2099998,64.6800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="clientTop:25px-=-bor" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
<tspan x="85.6269531" y="43" fill="#EE6B47">clientTop:</tspan>
|
||||
<tspan x="151.603516" y="43" fill="#3B86C4">25px </tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 140 KiB |
|
|
@ -37,11 +37,7 @@
|
|||
<rect id="Rectangle-5" fill="url(#linearGradient-1)" sketch:type="MSShapeGroup" transform="translate(179.500000, 216.500000) rotate(-180.000000) translate(-179.500000, -216.500000) " x="42" y="-7" width="275" height="447"></rect>
|
||||
<rect id="Rectangle-6" fill="#FFFFFF" sketch:type="MSShapeGroup" x="316" y="8" width="162" height="399"></rect>
|
||||
<path d="M62.4099998,15.6800003 L62.4099998,63.6800003" id="Line-7" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-7-decoration-1" d="M62.4099998,62.6800003 C63.4599998,58.9000003 64.3599998,55.6600003 65.4099998,51.8800003 C63.3099998,51.8800003 61.5099998,51.8800003 59.4099998,51.8800003 C60.4599998,55.6600003 61.3599998,58.9000003 62.4099998,62.6800003 C62.4099998,62.6800003 62.4099998,62.6800003 62.4099998,62.6800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-7-decoration-2" d="M62.4099998,16.4800003 C63.4599998,20.2600003 64.3599998,23.5000003 65.4099998,27.2800003 C63.3099998,27.2800003 61.5099998,27.2800003 59.4099998,27.2800003 C60.4599998,23.5000003 61.3599998,20.2600003 62.4099998,16.4800003 C62.4099998,16.4800003 62.4099998,16.4800003 62.4099998,16.4800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M12.4099998,64.6800003 L60.4099998,64.6800003" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-28-decoration-1" d="M60.4099998,64.6800003 C56.6299998,63.6300003 53.3899998,62.7300003 49.6099998,61.6800003 C49.6099998,63.7800003 49.6099998,65.5800003 49.6099998,67.6800003 C53.3899998,66.6300003 56.6299998,65.7300003 60.4099998,64.6800003 C60.4099998,64.6800003 60.4099998,64.6800003 60.4099998,64.6800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-28-decoration-2" d="M13.2099998,64.6800003 C16.9899998,63.6300003 20.2299998,62.7300003 24.0099998,61.6800003 C24.0099998,63.7800003 24.0099998,65.5800003 24.0099998,67.6800003 C20.2299998,66.6300003 16.9899998,65.7300003 13.2099998,64.6800003 C13.2099998,64.6800003 13.2099998,64.6800003 13.2099998,64.6800003 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="clientTop:25px-=-bor" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
<tspan x="82.6269531" y="43" fill="#EE6B47">clientTop:</tspan>
|
||||
<tspan x="148.603516" y="43" fill="#3B86C4">25px </tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 5.6 KiB |
|
|
@ -48,8 +48,6 @@
|
|||
<tspan x="237.189453" y="109" fill="#3B86C4">284px</tspan>
|
||||
</text>
|
||||
<path d="M68.6799927,117 L350.5,117" id="Line-15" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-15-decoration-1" d="M69.4799927,117 C73.2599927,115.95 76.4999927,115.05 80.2799927,114 C80.2799927,116.1 80.2799927,117.9 80.2799927,120 C76.4999927,118.95 73.2599927,118.05 69.4799927,117 C69.4799927,117 69.4799927,117 69.4799927,117 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-15-decoration-2" d="M349.679993,117 C345.899993,115.95 342.659993,115.05 338.879993,114 C338.879993,116.1 338.879993,117.9 338.879993,120 C342.659993,118.95 345.899993,118.05 349.679993,117 C349.679993,117 349.679993,117 349.679993,117 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M-0.46484375,114.945312 L42.5351562,114.945312" id="Line-14" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup" transform="translate(21.480469, 114.945312) rotate(-270.000000) translate(-21.480469, -114.945312) "></path>
|
||||
<path d="M26.5351562,113.945312 L67.5351562,113.945312" id="Line-13" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup" transform="translate(47.480469, 113.945312) rotate(-270.000000) translate(-47.480469, -113.945312) "></path>
|
||||
<text id="border-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
|
|
@ -78,8 +76,6 @@
|
|||
<path d="M46.5,376 L46.5,464.14193" id="Line-24" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M370.5,376 L370.5,464.14193" id="Line-25" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M48,452.070965 L368,452.070965" id="Line-22" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-22-decoration-1" d="M48.8,452.070965 C52.58,451.020965 55.82,450.120965 59.6,449.070965 C59.6,451.170965 59.6,452.970965 59.6,455.070965 C55.82,454.020965 52.58,453.120965 48.8,452.070965 C48.8,452.070965 48.8,452.070965 48.8,452.070965 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-22-decoration-2" d="M368,452.070965 C364.22,451.020965 360.98,450.120965 357.2,449.070965 C357.2,451.170965 357.2,452.970965 357.2,455.070965 C360.98,454.020965 364.22,453.120965 368,452.070965 C368,452.070965 368,452.070965 368,452.070965 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="clientHeight:240px" sketch:type="MSTextLayer" transform="translate(489.500000, 277.000000) rotate(-90.000000) translate(-489.500000, -277.000000) " font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
<tspan x="430.121094" y="279" fill="#EE6B47">clientHeight:</tspan>
|
||||
<tspan x="515.890625" y="279" fill="#3B86C4">240px</tspan>
|
||||
|
|
@ -87,8 +83,6 @@
|
|||
<path d="M365.5,156 L485.5,156" id="Line-27" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M365.5,394 L485.5,394" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M476,160 L476,389" id="Line-26" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-26-decoration-1" d="M476,160.8 C477.05,164.58 477.95,167.82 479,171.6 C476.9,171.6 475.1,171.6 473,171.6 C474.05,167.82 474.95,164.58 476,160.8 C476,160.8 476,160.8 476,160.8 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-26-decoration-2" d="M476,389 C477.05,385.22 477.95,381.98 479,378.2 C476.9,378.2 475.1,378.2 473,378.2 C474.05,381.98 474.95,385.22 476,389 C476,389 476,389 476,389 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="height:200px" sketch:type="MSTextLayer" transform="translate(424.500000, 274.000000) rotate(-90.000000) translate(-424.500000, -274.000000) " font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
<tspan x="384.914062" y="276" fill="#EE6B47">height:</tspan>
|
||||
<tspan x="431.097656" y="276" fill="#3B86C4">200px</tspan>
|
||||
|
|
@ -96,8 +90,6 @@
|
|||
<path d="M353.5,175 L441.64193,175" id="Line-3" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M353.5,377 L441.64193,377" id="Line-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M435,177.5 L435,374" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M435,178.3 C436.05,182.08 436.95,185.32 438,189.1 C435.9,189.1 434.1,189.1 432,189.1 C433.05,185.32 433.95,182.08 435,178.3 C435,178.3 435,178.3 435,178.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-decoration-2" d="M435,373.5 C436.05,369.72 436.95,366.48 438,362.7 C435.9,362.7 434.1,362.7 432,362.7 C433.05,366.48 433.95,369.72 435,373.5 C435,373.5 435,373.5 435,373.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="Introduction" sketch:type="MSTextLayer" font-family="Times" font-size="18" font-weight="bold" fill="#5A4739">
|
||||
<tspan x="69" y="193">Introduction</tspan>
|
||||
<tspan x="166.699219" y="193" font-size="16" font-weight="normal"></tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 11 KiB |
|
|
@ -18,15 +18,11 @@
|
|||
<tspan x="213.396484" y="399.64193" fill="#EE6B47">= content width</tspan>
|
||||
</text>
|
||||
<path d="M63.6799927,409.64193 L343.679993,409.64193" id="Line-44" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-44-decoration-1" d="M64.4799927,409.64193 C68.2599927,408.59193 71.4999927,407.69193 75.2799927,406.64193 C75.2799927,408.74193 75.2799927,410.54193 75.2799927,412.64193 C71.4999927,411.59193 68.2599927,410.69193 64.4799927,409.64193 C64.4799927,409.64193 64.4799927,409.64193 64.4799927,409.64193 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-44-decoration-2" d="M343.679993,409.64193 C339.899993,408.59193 336.659993,407.69193 332.879993,406.64193 C332.879993,408.74193 332.879993,410.54193 332.879993,412.64193 C336.659993,411.59193 339.899993,410.69193 343.679993,409.64193 C343.679993,409.64193 343.679993,409.64193 343.679993,409.64193 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="CSS-width:-300px" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
<tspan x="150.71875" y="429.64193" fill="#F48158">CSS width:</tspan>
|
||||
<tspan x="216.695312" y="429.64193" fill="#3B86C4"> 300px</tspan>
|
||||
</text>
|
||||
<path d="M62.6799927,434.64193 L363,434.64193" id="Line-47" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-47-decoration-1" d="M63.4799927,434.64193 C67.2599927,433.59193 70.4999927,432.69193 74.2799927,431.64193 C74.2799927,433.74193 74.2799927,435.54193 74.2799927,437.64193 C70.4999927,436.59193 67.2599927,435.69193 63.4799927,434.64193 C63.4799927,434.64193 63.4799927,434.64193 63.4799927,434.64193 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-47-decoration-2" d="M362.679993,434.64193 C358.899993,433.59193 355.659993,432.69193 351.879993,431.64193 C351.879993,433.74193 351.879993,435.54193 351.879993,437.64193 C355.659993,436.59193 358.899993,435.69193 362.679993,434.64193 C362.679993,434.64193 362.679993,434.64193 362.679993,434.64193 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="Introduction-2" sketch:type="MSTextLayer" font-family="Times" font-size="18" font-weight="bold" fill="#5A4739">
|
||||
<tspan x="62" y="173">Introduction</tspan>
|
||||
<tspan x="159.699219" y="173" font-size="16" font-weight="normal"></tspan>
|
||||
|
|
@ -42,7 +38,6 @@
|
|||
</text>
|
||||
<ellipse id="Oval-5" stroke="#EE6B47" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup" cx="191" cy="58.8580704" rx="76" ry="43.5"></ellipse>
|
||||
<path d="M191,104 L191,128.638622" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M191,128 C192.05,124.22 192.95,120.98 194,117.2 C191.9,117.2 190.1,117.2 188,117.2 C189.05,120.98 189.95,124.22 191,128 C191,128 191,128 191,128 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="padding:-0;" sketch:type="MSTextLayer" font-family="Consolas" font-size="16" font-weight="bold" fill="#8A704D">
|
||||
<tspan x="136" y="52">padding: 0;</tspan>
|
||||
<tspan x="136" y="71">width: 300px;</tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 6.6 KiB |
|
|
@ -48,8 +48,6 @@
|
|||
<path d="M93.5,162 L181.64193,162" id="Line-4" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M461.5,385 L549.64193,385" id="Line-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M543,185.5 L543,382" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M543,186.3 C544.05,190.08 544.95,193.32 546,197.1 C543.9,197.1 542.1,197.1 540,197.1 C541.05,193.32 541.95,190.08 543,186.3 C543,186.3 543,186.3 543,186.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-decoration-2" d="M543,381.5 C544.05,377.72 544.95,374.48 546,370.7 C543.9,370.7 542.1,370.7 540,370.7 C541.05,374.48 541.95,377.72 543,381.5 C543,381.5 543,381.5 543,381.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="padding:20px-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal">
|
||||
<tspan x="7" y="396" fill="#EE6B47">padding:</tspan>
|
||||
<tspan x="59.78125" y="396" fill="#3B86C4">20px</tspan>
|
||||
|
|
@ -69,8 +67,6 @@
|
|||
<tspan x="347.189453" y="117" fill="#3B86C4">284px</tspan>
|
||||
</text>
|
||||
<path d="M178.679993,125 L460.5,125" id="Line-21" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-21-decoration-1" d="M179.479993,125 C183.259993,123.95 186.499993,123.05 190.279993,122 C190.279993,124.1 190.279993,125.9 190.279993,128 C186.499993,126.95 183.259993,126.05 179.479993,125 C179.479993,125 179.479993,125 179.479993,125 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-21-decoration-2" d="M459.679993,125 C455.899993,123.95 452.659993,123.05 448.879993,122 C448.879993,124.1 448.879993,125.9 448.879993,128 C452.659993,126.95 455.899993,126.05 459.679993,125 C459.679993,125 459.679993,125 459.679993,125 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M109.535156,122.945312 L152.535156,122.945312" id="Line-14" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup" transform="translate(131.480469, 122.945312) rotate(-270.000000) translate(-131.480469, -122.945312) "></path>
|
||||
<path d="M136.535156,121.945312 L177.535156,121.945312" id="Line-13" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup" transform="translate(157.480469, 121.945312) rotate(-270.000000) translate(-157.480469, -121.945312) "></path>
|
||||
<text id="border-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
|
|
@ -39,16 +39,11 @@
|
|||
<tspan x="245" y="444" font-size="16" font-weight="normal">and in all browsers from Microsoft</tspan>
|
||||
</text>
|
||||
<path d="M201,42.5 L201,199.320007" id="Line-40" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-40-decoration-1" d="M201,198.5 C202.05,194.72 202.95,191.48 204,187.7 C201.9,187.7 200.1,187.7 198,187.7 C199.05,191.48 199.95,194.72 201,198.5 C201,198.5 201,198.5 201,198.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-40-decoration-2" d="M201,43.3 C202.05,47.08 202.95,50.32 204,54.1 C201.9,54.1 200.1,54.1 198,54.1 C199.05,50.32 199.95,47.08 201,43.3 C201,43.3 201,43.3 201,43.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M42.5899963,202.910004 L199.410004,202.910004" id="Line-41" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-41-decoration-1" d="M198.589996,202.910004 C194.809996,201.860004 191.569996,200.960004 187.789996,199.910004 C187.789996,202.010004 187.789996,203.810004 187.789996,205.910004 C191.569996,204.860004 194.809996,203.960004 198.589996,202.910004 C198.589996,202.910004 198.589996,202.910004 198.589996,202.910004 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-41-decoration-2" d="M43.3899963,202.910004 C47.1699963,201.860004 50.4099963,200.960004 54.1899963,199.910004 C54.1899963,202.010004 54.1899963,203.810004 54.1899963,205.910004 C50.4099963,204.860004 47.1699963,203.960004 43.3899963,202.910004 C43.3899963,202.910004 43.3899963,202.910004 43.3899963,202.910004 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<circle id="Oval-2" fill="#3B86C4" sketch:type="MSShapeGroup" cx="225" cy="227" r="2"></circle>
|
||||
<circle id="Oval-2" fill="#3B86C4" sketch:type="MSShapeGroup" cx="201" cy="202" r="3"></circle>
|
||||
<ellipse id="Oval-6" stroke="#EE6B47" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup" cx="386.25" cy="120" rx="100" ry="50"></ellipse>
|
||||
<path d="M387,173.378593 L387,198.017216" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M387,197.378593 C388.05,193.598593 388.95,190.358593 390,186.578593 C387.9,186.578593 386.1,186.578593 384,186.578593 C385.05,190.358593 385.95,193.598593 387,197.378593 C387,197.378593 387,197.378593 387,197.378593 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="position:-absolute;" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
|
||||
<tspan x="318.5" y="111.792656">position: absolute;</tspan>
|
||||
<tspan x="318.5" y="127.792656">left: 180px;</tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 7.2 KiB |
|
|
@ -54,11 +54,7 @@
|
|||
<path d="M359.5,175 L447.64193,175" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M359.5,377 L447.64193,377" id="Line-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M441,177.5 L441,374" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M441,178.3 C442.05,182.08 442.95,185.32 444,189.1 C441.9,189.1 440.1,189.1 438,189.1 C439.05,185.32 439.95,182.08 441,178.3 C441,178.3 441,178.3 441,178.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-decoration-2" d="M441,373.5 C442.05,369.72 442.95,366.48 444,362.7 C441.9,362.7 440.1,362.7 438,362.7 C439.05,366.48 439.95,369.72 441,373.5 C441,373.5 441,373.5 441,373.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M76.6799927,117 L358.5,117" id="Line-15" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-15-decoration-1" d="M77.4799927,117 C81.2599927,115.95 84.4999927,115.05 88.2799927,114 C88.2799927,116.1 88.2799927,117.9 88.2799927,120 C84.4999927,118.95 81.2599927,118.05 77.4799927,117 C77.4799927,117 77.4799927,117 77.4799927,117 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-15-decoration-2" d="M357.679993,117 C353.899993,115.95 350.659993,115.05 346.879993,114 C346.879993,116.1 346.879993,117.9 346.879993,120 C350.659993,118.95 353.899993,118.05 357.679993,117 C357.679993,117 357.679993,117 357.679993,117 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M7.53515625,114.945312 L50.5351562,114.945312" id="Line-14" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup" transform="translate(29.480469, 114.945312) rotate(-270.000000) translate(-29.480469, -114.945312) "></path>
|
||||
<path d="M34.5351562,113.945312 L75.5351562,113.945312" id="Line-13" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup" transform="translate(55.480469, 113.945312) rotate(-270.000000) translate(-55.480469, -113.945312) "></path>
|
||||
<text id="border-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" sketch:alignment="middle">
|
||||
|
|
@ -87,8 +83,6 @@
|
|||
<path d="M29.5,419 L29.5,497" id="Line-24" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M418.5,419 L418.5,499" id="Line-25" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M32.0899963,463.070965 L416,463.070965" id="Line-22" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-22-decoration-1" d="M32.8899963,463.070965 C36.6699963,462.020965 39.9099963,461.120965 43.6899963,460.070965 C43.6899963,462.170965 43.6899963,463.970965 43.6899963,466.070965 C39.9099963,465.020965 36.6699963,464.120965 32.8899963,463.070965 C32.8899963,463.070965 32.8899963,463.070965 32.8899963,463.070965 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-22-decoration-2" d="M415.089996,463.070965 C411.309996,462.020965 408.069996,461.120965 404.289996,460.070965 C404.289996,462.170965 404.289996,463.970965 404.289996,466.070965 C408.069996,465.020965 411.309996,464.120965 415.089996,463.070965 C415.089996,463.070965 415.089996,463.070965 415.089996,463.070965 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="offsetHeight:290px" sketch:type="MSTextLayer" transform="translate(485.500000, 279.500000) rotate(-90.000000) translate(-485.500000, -279.500000) " font-family="Consolas" font-size="16" font-weight="normal" sketch:alignment="middle">
|
||||
<tspan x="406.328125" y="282" fill="#EE6B47">offsetHeight:</tspan>
|
||||
<tspan x="520.6875" y="282" fill="#3B86C4">290px</tspan>
|
||||
|
|
@ -96,8 +90,6 @@
|
|||
<path d="M416.5,131 L504.64193,131" id="Line-27" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M416.5,420 L504.64193,420" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M468,132.589996 L468,419.410004" id="Line-26" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-26-decoration-1" d="M468,133.389996 C469.05,137.169996 469.95,140.409996 471,144.189996 C468.9,144.189996 467.1,144.189996 465,144.189996 C466.05,140.409996 466.95,137.169996 468,133.389996 C468,133.389996 468,133.389996 468,133.389996 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-26-decoration-2" d="M468,418.589996 C469.05,414.809996 469.95,411.569996 471,407.789996 C468.9,407.789996 467.1,407.789996 465,407.789996 C466.05,411.569996 466.95,414.809996 468,418.589996 C468,418.589996 468,418.589996 468,418.589996 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<text id="Introduction" sketch:type="MSTextLayer" font-family="Times" font-size="18" font-weight="bold" fill="#5A4739">
|
||||
<tspan x="78" y="193">Introduction</tspan>
|
||||
<tspan x="175.699219" y="193" font-size="16" font-weight="normal"></tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 11 KiB |
|
|
@ -52,8 +52,6 @@
|
|||
<path d="M9.5,147 L75.6399994,147" id="Line-43" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M10.5,21 L76.6399994,21" id="Line-42" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M35,20.5 L35,146.32" id="Line-39" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-39-decoration-1" d="M35,21.3 C36.05,25.08 36.95,28.32 38,32.1 C35.9,32.1 34.1,32.1 32,32.1 C33.05,28.32 33.95,25.08 35,21.3 C35,21.3 35,21.3 35,21.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-39-decoration-2" d="M35,145.5 C36.05,141.72 36.95,138.48 38,134.7 C35.9,134.7 34.1,134.7 32,134.7 C33.05,138.48 33.95,141.72 35,145.5 C35,145.5 35,145.5 35,145.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<rect id="Rectangle-14" fill-opacity="0.8" fill="#FFFFFF" sketch:type="MSShapeGroup" x="88" y="33" width="312" height="89"></rect>
|
||||
<rect id="Rectangle-15" fill-opacity="0.8" fill="#FFFFFF" sketch:type="MSShapeGroup" x="88" y="411" width="312" height="89"></rect>
|
||||
<text id="scrollHeight:723px" sketch:type="MSTextLayer" transform="translate(451.500000, 270.000000) rotate(-90.000000) translate(-451.500000, -270.000000) " font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle">
|
||||
|
|
@ -63,8 +61,6 @@
|
|||
<path d="M393.5,22 L471.639999,22" id="Line-27" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M393.5,522 L471.639999,522" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M462,24.5 L462,518.5" id="Line-25" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-25-decoration-1" d="M462,25.3 C463.05,29.08 463.95,32.32 465,36.1 C462.9,36.1 461.1,36.1 459,36.1 C460.05,32.32 460.95,29.08 462,25.3 C462,25.3 462,25.3 462,25.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-25-decoration-2" d="M462,518.5 C463.05,514.72 463.95,511.48 465,507.7 C462.9,507.7 461.1,507.7 459,507.7 C460.05,511.48 460.95,514.72 462,518.5 C462,518.5 462,518.5 462,518.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<g id="Scrollbar" sketch:type="MSLayerGroup" transform="translate(384.000000, 147.000000)">
|
||||
<rect id="Rectangle-19" stroke="#E9E9E9" fill="#F3F3F3" sketch:type="MSShapeGroup" x="0" y="0" width="16" height="240" rx="3"></rect>
|
||||
<g id="Rectangle-18-+-Triangle-1" sketch:type="MSShapeGroup">
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 8.5 KiB |
|
|
@ -56,11 +56,7 @@
|
|||
<path d="M370.5,22 L448.639999,22" id="Line-27" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M370.5,524 L448.639999,524" id="Line-26" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M439,25.5 L439,519.5" id="Line-25" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-25-decoration-1" d="M439,26.3 C440.05,30.08 440.95,33.32 442,37.1 C439.9,37.1 438.1,37.1 436,37.1 C437.05,33.32 437.95,30.08 439,26.3 C439,26.3 439,26.3 439,26.3 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-25-decoration-2" d="M439,519.5 C440.05,515.72 440.95,512.48 442,508.7 C439.9,508.7 438.1,508.7 436,508.7 C437.05,512.48 437.95,515.72 439,519.5 C439,519.5 439,519.5 439,519.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M49.6399994,109.09 L348.999985,109.09" id="Line-39" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-39-decoration-1" d="M50.4399994,109.09 C54.2199994,108.04 57.4599994,107.14 61.2399994,106.09 C61.2399994,108.19 61.2399994,109.99 61.2399994,112.09 C57.4599994,111.04 54.2199994,110.14 50.4399994,109.09 C50.4399994,109.09 50.4399994,109.09 50.4399994,109.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path id="Line-39-decoration-2" d="M348.639999,109.09 C344.859999,108.04 341.619999,107.14 337.839999,106.09 C337.839999,108.19 337.839999,109.99 337.839999,112.09 C341.619999,111.04 344.859999,110.14 348.639999,109.09 C348.639999,109.09 348.639999,109.09 348.639999,109.09 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
|
||||
<path d="M351.639999,154 L351.639999,100" id="Line-42" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M46.6399994,154 L46.6399994,100" id="Line-43" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
|
||||
<text id="scrollWidth-=-324px" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" sketch:alignment="middle">
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 8.6 KiB |
|
|
@ -23,11 +23,7 @@
|
|||
<tspan x="229" y="197">document.documentElement.clientWidth</tspan>
|
||||
</text>
|
||||
<path d="M457.012291,168.153273 L277.502296,168.153273" id="Line-3" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-3-decoration-1" d="M278.012291,168.153273 C281.792291,169.203273 285.032291,170.103273 288.812291,171.153273 C288.812291,169.053273 288.812291,167.253273 288.812291,165.153273 C285.032291,166.203273 281.792291,167.103273 278.012291,168.153273 C278.012291,168.153273 278.012291,168.153273 278.012291,168.153273 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-3-decoration-2" d="M456.212291,168.153273 C452.432291,169.203273 449.192291,170.103273 445.412291,171.153273 C445.412291,169.053273 445.412291,167.253273 445.412291,165.153273 C449.192291,166.203273 452.432291,167.103273 456.212291,168.153273 C456.212291,168.153273 456.212291,168.153273 456.212291,168.153273 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M257.5,151.012291 L257.5,14.5022964" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M257.5,15.012291 C256.45,18.792291 255.55,22.032291 254.5,25.812291 C256.6,25.812291 258.4,25.812291 260.5,25.812291 C259.45,22.032291 258.55,18.792291 257.5,15.012291 C257.5,15.012291 257.5,15.012291 257.5,15.012291 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-decoration-2" d="M257.5,150.212291 C256.45,146.432291 255.55,143.192291 254.5,139.412291 C256.6,139.412291 258.4,139.412291 260.5,139.412291 C259.45,143.192291 258.55,146.432291 257.5,150.212291 C257.5,150.212291 257.5,150.212291 257.5,150.212291 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 4.6 KiB |
|
|
@ -34,17 +34,9 @@
|
|||
<tspan x="106" y="217">right</tspan>
|
||||
</text>
|
||||
<path d="M246.5,145 L246.5,78.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M246.5,79 C245.45,82.78 244.55,86.02 243.5,89.8 C245.6,89.8 247.4,89.8 249.5,89.8 C248.45,86.02 247.55,82.78 246.5,79 C246.5,79 246.5,79 246.5,79 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-decoration-2" d="M246.5,144.2 C245.45,140.42 244.55,137.18 243.5,133.4 C245.6,133.4 247.4,133.4 249.5,133.4 C248.45,137.18 247.55,140.42 246.5,144.2 C246.5,144.2 246.5,144.2 246.5,144.2 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M275.5,170.012291 L275.5,78.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M275.5,79.012291 C274.45,82.792291 273.55,86.032291 272.5,89.812291 C274.6,89.812291 276.4,89.812291 278.5,89.812291 C277.45,86.032291 276.55,82.792291 275.5,79.012291 C275.5,79.012291 275.5,79.012291 275.5,79.012291 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-decoration-2" d="M275.5,169.212291 C274.45,165.432291 273.55,162.192291 272.5,158.412291 C274.6,158.412291 276.4,158.412291 278.5,158.412291 C277.45,162.192291 276.55,165.432291 275.5,169.212291 C275.5,169.212291 275.5,169.212291 275.5,169.212291 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M222.012291,224.5 L29.5022964,224.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-2-decoration-1" d="M30.012291,224.5 C33.792291,225.55 37.032291,226.45 40.812291,227.5 C40.812291,225.4 40.812291,223.6 40.812291,221.5 C37.032291,222.55 33.792291,223.45 30.012291,224.5 C30.012291,224.5 30.012291,224.5 30.012291,224.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-2-decoration-2" d="M221.212291,224.5 C217.432291,225.55 214.192291,226.45 210.412291,227.5 C210.412291,225.4 210.412291,223.6 210.412291,221.5 C214.192291,222.55 217.432291,223.45 221.212291,224.5 C221.212291,224.5 221.212291,224.5 221.212291,224.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M149.012291,188.5 L29.5022888,188.5" id="Line-3" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-3-decoration-1" d="M30.012291,188.5 C33.792291,189.55 37.032291,190.45 40.812291,191.5 C40.812291,189.4 40.812291,187.6 40.812291,185.5 C37.032291,186.55 33.792291,187.45 30.012291,188.5 C30.012291,188.5 30.012291,188.5 30.012291,188.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path id="Line-3-decoration-2" d="M148.212291,188.5 C144.432291,189.55 141.192291,190.45 137.412291,191.5 C137.412291,189.4 137.412291,187.6 137.412291,185.5 C141.192291,186.55 144.432291,187.45 148.212291,188.5 C148.212291,188.5 148.212291,188.5 148.212291,188.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 4.8 KiB |
|
|
@ -21,7 +21,6 @@
|
|||
<tspan x="289.224609" y="95">(если внутри body)</tspan>
|
||||
</text>
|
||||
<path d="M221.5,74.5 L221.5,44.5" id="Line-4" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-4-decoration-1" d="M221.5,44.5 C220.45,48.28 219.55,51.52 218.5,55.3 C220.6,55.3 222.4,55.3 224.5,55.3 C223.45,51.52 222.55,48.28 221.5,44.5 C221.5,44.5 221.5,44.5 221.5,44.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M233.2715,139.2195 C233.9275,139.2195 234.4565,139.7755 234.4565,140.4575 C234.4565,141.1385 233.9275,141.6935 233.2455,141.6935 C232.5895,141.6935 232.0595,141.1385 232.0595,140.4575 C232.0595,139.7755 232.5895,139.2195 233.2715,139.2195 L233.2715,139.2195 Z M231.1755,144.6715 C230.4935,144.6715 229.9645,144.1165 229.9645,143.4345 C229.9645,142.7535 230.4935,142.1985 231.1515,142.1985 C231.8325,142.1985 232.3625,142.7535 232.3625,143.4345 C232.3625,144.1165 231.8325,144.6715 231.1755,144.6715 L231.1755,144.6715 Z M231.1755,136.2415 C231.8325,136.2415 232.3625,136.7975 232.3625,137.4785 C232.3625,138.1605 231.8325,138.7155 231.1515,138.7155 C230.4935,138.7155 229.9645,138.1605 229.9645,137.4785 C229.9645,136.7975 230.4935,136.2415 231.1755,136.2415 L231.1755,136.2415 Z M229.6615,139.2955 C230.3185,139.2955 230.8475,139.8505 230.8475,140.5325 C230.8475,141.1885 230.3185,141.7435 229.6365,141.7435 C228.9805,141.7435 228.4495,141.1885 228.4495,140.5075 C228.4495,139.8505 228.9805,139.2955 229.6615,139.2955 L229.6615,139.2955 Z M229.0815,147.6495 C228.4245,147.6495 227.8695,147.0945 227.8695,146.4135 C227.8695,145.7315 228.4005,145.2015 229.0565,145.2015 C229.7375,145.2015 230.2675,145.7315 230.2675,146.4135 C230.2675,147.0945 229.7375,147.6495 229.0815,147.6495 L229.0815,147.6495 Z M229.0815,133.2635 C229.7375,133.2635 230.2675,133.8195 230.2675,134.5005 C230.2675,135.1815 229.7375,135.7375 229.0565,135.7375 C228.4005,135.7375 227.8695,135.1815 227.8695,134.5005 C227.8695,133.8195 228.4245,133.2635 229.0815,133.2635 L229.0815,133.2635 Z M226.9875,150.6275 C226.3305,150.6275 225.7755,150.0725 225.7755,149.3905 C225.7755,148.7105 226.3045,148.1795 226.9605,148.1795 C227.6425,148.1795 228.1725,148.7105 228.1725,149.3905 C228.1725,150.0725 227.6425,150.6275 226.9875,150.6275 L226.9875,150.6275 Z M226.9875,130.2855 C227.6425,130.2855 228.1725,130.8415 228.1725,131.5225 C228.1725,132.2035 227.6425,132.7595 226.9605,132.7595 C226.3045,132.7595 225.7755,132.2035 225.7755,131.5225 C225.7755,130.8415 226.3305,130.2855 226.9875,130.2855 L226.9875,130.2855 Z M226.0015,139.2955 C226.6575,139.2955 227.1885,139.8505 227.1885,140.5325 C227.1885,141.1885 226.6575,141.7435 225.9775,141.7435 C225.3215,141.7435 224.7905,141.1885 224.7905,140.5075 C224.7905,139.8505 225.3465,139.2955 226.0015,139.2955 L226.0015,139.2955 Z M222.3675,139.2955 C223.0245,139.2955 223.5545,139.8505 223.5545,140.5325 C223.5545,141.1885 222.9985,141.7435 222.3425,141.7435 C221.6865,141.7435 221.1305,141.1885 221.1305,140.5075 C221.1305,139.8505 221.6865,139.2955 222.3675,139.2955 L222.3675,139.2955 Z M218.7085,139.2955 C219.3645,139.2955 219.8945,139.8505 219.8945,140.5325 C219.8945,141.1885 219.3645,141.7435 218.6835,141.7435 C218.0275,141.7435 217.4965,141.1885 217.4965,140.5075 C217.4965,139.8505 218.0275,139.2955 218.7085,139.2955 L218.7085,139.2955 Z M215.0485,139.2955 C215.7045,139.2955 216.2355,139.8505 216.2355,140.5325 C216.2355,141.1885 215.7045,141.7435 215.0235,141.7435 C214.3665,141.7435 213.8365,141.1885 213.8365,140.5075 C213.8365,139.8505 214.3925,139.2955 215.0485,139.2955 L215.0485,139.2955 Z M211.4145,139.2955 C212.0705,139.2955 212.6005,139.8505 212.6005,140.5325 C212.6005,141.1885 212.0455,141.7435 211.3885,141.7435 C210.7335,141.7435 210.1775,141.1885 210.1775,140.5075 C210.1775,139.8505 210.7335,139.2955 211.4145,139.2955 L211.4145,139.2955 Z M207.7545,139.2955 C208.4105,139.2955 208.9415,139.8505 208.9415,140.5325 C208.9415,141.1885 208.4105,141.7435 207.7295,141.7435 C207.0735,141.7435 206.5435,141.1885 206.5435,140.5075 C206.5435,139.8505 207.0735,139.2955 207.7545,139.2955 L207.7545,139.2955 Z" id="Fill-7" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(220.500000, 140.456500) rotate(-90.000000) translate(-220.500000, -140.456500) "></path>
|
||||
<path d="M14.5,115 L427,115" id="Line-5" stroke="#8A704D" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<text id="parentElement" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold">
|
||||
|
|
@ -33,16 +32,13 @@
|
|||
<tspan x="201.051859" y="232"><DIV></tspan>
|
||||
</text>
|
||||
<path d="M220.5,207.5 L220.5,181.5" id="Line-6" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-6-decoration-1" d="M220.5,181.5 C219.45,185.28 218.55,188.52 217.5,192.3 C219.6,192.3 221.4,192.3 223.5,192.3 C222.45,188.52 221.55,185.28 220.5,181.5 C220.5,181.5 220.5,181.5 220.5,181.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M267.5,226.5 L427,226.5" id="Line-7" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-7-decoration-1" d="M426.5,226.5 C422.72,225.45 419.48,224.55 415.7,223.5 C415.7,225.6 415.7,227.4 415.7,229.5 C419.48,228.45 422.72,227.55 426.5,226.5 C426.5,226.5 426.5,226.5 426.5,226.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<text id="nextElementSibling" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold">
|
||||
<tspan x="276" y="212" fill="#8A704D">next</tspan>
|
||||
<tspan x="306.789062" y="212" fill="#EE6B47">Element</tspan>
|
||||
<tspan x="360.669922" y="212" fill="#8A704D">Sibling</tspan>
|
||||
</text>
|
||||
<path d="M168,226.5 L12,226.5" id="Line-8" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-8-decoration-1" d="M12,226.5 C15.78,227.55 19.02,228.45 22.8,229.5 C22.8,227.4 22.8,225.6 22.8,223.5 C19.02,224.55 15.78,225.45 12,226.5 C12,226.5 12,226.5 12,226.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<text id="previousElementSibli" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold">
|
||||
<tspan x="6" y="212" fill="#8A704D">previous</tspan>
|
||||
<tspan x="67.578125" y="212" fill="#EE6B47">Element</tspan>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 9.1 KiB |
|
|
@ -25,10 +25,8 @@
|
|||
<tspan x="272.224609" y="173">(если внутри body)</tspan>
|
||||
</text>
|
||||
<path d="M209.5,150.5 L209.5,120.5" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M209.5,120.5 C208.45,124.28 207.55,127.52 206.5,131.3 C208.6,131.3 210.4,131.3 212.5,131.3 C211.45,127.52 210.55,124.28 209.5,120.5 C209.5,120.5 209.5,120.5 209.5,120.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M221.2715,215.2195 C221.9275,215.2195 222.4565,215.7755 222.4565,216.4575 C222.4565,217.1385 221.9275,217.6935 221.2455,217.6935 C220.5895,217.6935 220.0595,217.1385 220.0595,216.4575 C220.0595,215.7755 220.5895,215.2195 221.2715,215.2195 L221.2715,215.2195 Z M219.1755,220.6715 C218.4935,220.6715 217.9645,220.1165 217.9645,219.4345 C217.9645,218.7535 218.4935,218.1985 219.1515,218.1985 C219.8325,218.1985 220.3625,218.7535 220.3625,219.4345 C220.3625,220.1165 219.8325,220.6715 219.1755,220.6715 L219.1755,220.6715 Z M219.1755,212.2415 C219.8325,212.2415 220.3625,212.7975 220.3625,213.4785 C220.3625,214.1605 219.8325,214.7155 219.1515,214.7155 C218.4935,214.7155 217.9645,214.1605 217.9645,213.4785 C217.9645,212.7975 218.4935,212.2415 219.1755,212.2415 L219.1755,212.2415 Z M217.6615,215.2955 C218.3185,215.2955 218.8475,215.8505 218.8475,216.5325 C218.8475,217.1885 218.3185,217.7435 217.6365,217.7435 C216.9805,217.7435 216.4495,217.1885 216.4495,216.5075 C216.4495,215.8505 216.9805,215.2955 217.6615,215.2955 L217.6615,215.2955 Z M217.0815,223.6495 C216.4245,223.6495 215.8695,223.0945 215.8695,222.4135 C215.8695,221.7315 216.4005,221.2015 217.0565,221.2015 C217.7375,221.2015 218.2675,221.7315 218.2675,222.4135 C218.2675,223.0945 217.7375,223.6495 217.0815,223.6495 L217.0815,223.6495 Z M217.0815,209.2635 C217.7375,209.2635 218.2675,209.8195 218.2675,210.5005 C218.2675,211.1815 217.7375,211.7375 217.0565,211.7375 C216.4005,211.7375 215.8695,211.1815 215.8695,210.5005 C215.8695,209.8195 216.4245,209.2635 217.0815,209.2635 L217.0815,209.2635 Z M214.9875,226.6275 C214.3305,226.6275 213.7755,226.0725 213.7755,225.3905 C213.7755,224.7105 214.3045,224.1795 214.9605,224.1795 C215.6425,224.1795 216.1725,224.7105 216.1725,225.3905 C216.1725,226.0725 215.6425,226.6275 214.9875,226.6275 L214.9875,226.6275 Z M214.9875,206.2855 C215.6425,206.2855 216.1725,206.8415 216.1725,207.5225 C216.1725,208.2035 215.6425,208.7595 214.9605,208.7595 C214.3045,208.7595 213.7755,208.2035 213.7755,207.5225 C213.7755,206.8415 214.3305,206.2855 214.9875,206.2855 L214.9875,206.2855 Z M214.0015,215.2955 C214.6575,215.2955 215.1885,215.8505 215.1885,216.5325 C215.1885,217.1885 214.6575,217.7435 213.9775,217.7435 C213.3215,217.7435 212.7905,217.1885 212.7905,216.5075 C212.7905,215.8505 213.3465,215.2955 214.0015,215.2955 L214.0015,215.2955 Z M210.3675,215.2955 C211.0245,215.2955 211.5545,215.8505 211.5545,216.5325 C211.5545,217.1885 210.9985,217.7435 210.3425,217.7435 C209.6865,217.7435 209.1305,217.1885 209.1305,216.5075 C209.1305,215.8505 209.6865,215.2955 210.3675,215.2955 L210.3675,215.2955 Z M206.7085,215.2955 C207.3645,215.2955 207.8945,215.8505 207.8945,216.5325 C207.8945,217.1885 207.3645,217.7435 206.6835,217.7435 C206.0275,217.7435 205.4965,217.1885 205.4965,216.5075 C205.4965,215.8505 206.0275,215.2955 206.7085,215.2955 L206.7085,215.2955 Z M203.0485,215.2955 C203.7045,215.2955 204.2355,215.8505 204.2355,216.5325 C204.2355,217.1885 203.7045,217.7435 203.0235,217.7435 C202.3665,217.7435 201.8365,217.1885 201.8365,216.5075 C201.8365,215.8505 202.3925,215.2955 203.0485,215.2955 L203.0485,215.2955 Z M199.4145,215.2955 C200.0705,215.2955 200.6005,215.8505 200.6005,216.5325 C200.6005,217.1885 200.0455,217.7435 199.3885,217.7435 C198.7335,217.7435 198.1775,217.1885 198.1775,216.5075 C198.1775,215.8505 198.7335,215.2955 199.4145,215.2955 L199.4145,215.2955 Z M195.7545,215.2955 C196.4105,215.2955 196.9415,215.8505 196.9415,216.5325 C196.9415,217.1885 196.4105,217.7435 195.7295,217.7435 C195.0735,217.7435 194.5435,217.1885 194.5435,216.5075 C194.5435,215.8505 195.0735,215.2955 195.7545,215.2955 L195.7545,215.2955 Z" id="Fill-7" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(208.500000, 216.456500) rotate(-90.000000) translate(-208.500000, -216.456500) "></path>
|
||||
<path d="M209.5,83.5 L209.5,53.5" id="Line-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-2-decoration-1" d="M209.5,53.5 C208.45,57.28 207.55,60.52 206.5,64.3 C208.6,64.3 210.4,64.3 212.5,64.3 C211.45,60.52 210.55,57.28 209.5,53.5 C209.5,53.5 209.5,53.5 209.5,53.5 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M2.5,191 L415,191" id="Line" stroke="#8A704D" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
|
||||
<text id="parentNode" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
|
||||
<tspan x="172" y="248">parentNode</tspan>
|
||||
|
|
@ -38,14 +36,11 @@
|
|||
<tspan x="189.051859" y="308"><DIV></tspan>
|
||||
</text>
|
||||
<path d="M208.5,283.5 L208.5,257.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M208.5,257.5 C207.45,261.28 206.55,264.52 205.5,268.3 C207.6,268.3 209.4,268.3 211.5,268.3 C210.45,264.52 209.55,261.28 208.5,257.5 C208.5,257.5 208.5,257.5 208.5,257.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<path d="M255.5,302.5 L368,302.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M367.5,302.5 C363.72,301.45 360.48,300.55 356.7,299.5 C356.7,301.6 356.7,303.4 356.7,305.5 C360.48,304.45 363.72,303.55 367.5,302.5 C367.5,302.5 367.5,302.5 367.5,302.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<text id="nextSibling" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
|
||||
<tspan x="264" y="288">nextSibling</tspan>
|
||||
</text>
|
||||
<path d="M164.5,302.5 L50,302.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
|
||||
<path id="Line-decoration-1" d="M50.5,302.5 C54.28,303.55 57.52,304.45 61.3,305.5 C61.3,303.4 61.3,301.6 61.3,299.5 C57.52,300.55 54.28,301.45 50.5,302.5 C50.5,302.5 50.5,302.5 50.5,302.5 Z" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" fill="#EE6B47"></path>
|
||||
<text id="previousSibling" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
|
||||
<tspan x="50" y="288">previousSibling</tspan>
|
||||
</text>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 9 KiB |
|
|
@ -1,194 +1,199 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="100%" height="100%" viewBox="0 0 640 690">
|
||||
|
||||
<title>DOM Level 3 Events: Event Flow</title>
|
||||
<desc>Alternate description</desc>
|
||||
|
||||
|
||||
<defs id="defs-1">
|
||||
<path id="arrowhead" d="M-9,-4 L0,0 -9,4 Z" stroke-linejoin="round" stroke-linecap="round"/>
|
||||
<marker id="blackArrow" viewBox="-13 -5 14 10" refX="-4" markerWidth="10" markerHeight="20" orient="auto">
|
||||
<use xlink:href="#arrowhead" stroke="black" fill="black" />
|
||||
</marker>
|
||||
<marker id="redArrow" viewBox="-13 -5 14 10" refX="-4" markerWidth="10" markerHeight="20" orient="auto">
|
||||
<use xlink:href="#arrowhead" stroke="red" fill="red" />
|
||||
</marker>
|
||||
<marker id="greenArrow" viewBox="-13 -5 14 10" refX="-4" markerWidth="10" markerHeight="20" orient="auto">
|
||||
<use xlink:href="#arrowhead" stroke="green" fill="green" />
|
||||
</marker>
|
||||
|
||||
<filter x="-5%" y="-5%" width="120%" height="120%" id="dropShadow">
|
||||
<feGaussianBlur stdDeviation="2 2" in="SourceAlpha"/>
|
||||
<feOffset dx="4" dy="4"/>
|
||||
<feComponentTransfer result="shadow">
|
||||
<feFuncA type="linear" slope=".55" intercept="0"/>
|
||||
</feComponentTransfer>
|
||||
<feMerge>
|
||||
<feMergeNode/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
|
||||
</defs>
|
||||
|
||||
|
||||
<g id="nodes" font-family="Verdana, sans-serif" font-size="18" fill="black" text-anchor="middle" stroke="none" stroke-width="2">
|
||||
<g id="Window-node" transform="translate(310, 10)">
|
||||
<a xlink:href="../DOM3-Events.html#glossary-window" target="_parent">
|
||||
<rect x="-70" y="0" width="140" height="40" fill="gainsboro" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26">Window</text>
|
||||
</a>
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="641px" height="633px" viewBox="0 0 641 633" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<!-- Generator: bin/sketchtool 1.3 (252) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>eventflow.svg</title>
|
||||
<desc>Created with bin/sketchtool.</desc>
|
||||
<defs></defs>
|
||||
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
|
||||
<g id="eventflow.svg" sketch:type="MSArtboardGroup">
|
||||
<g id="eventflow" sketch:type="MSLayerGroup" transform="translate(22.000000, 28.000000)">
|
||||
<g id="nodes">
|
||||
<g id="Window-node" transform="translate(224.684713, 0.000000)">
|
||||
<g id="Group">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#DCDCDC" sketch:type="MSShapeGroup" x="0" y="0" width="134.426752" height="34.5671642"></rect>
|
||||
<text id="Window" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="39.3678344" y="21.9134328">Window</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</g>
|
||||
<g id="document-node" transform="translate(234.286624, 60.492537)">
|
||||
<g id="Group">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#DCDCDC" sketch:type="MSShapeGroup" x="0" y="0" width="115.22293" height="34.5671642"></rect>
|
||||
<text id="Document" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="22.0843949" y="21.9134328">Document</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</g>
|
||||
<g id="html-node" transform="translate(243.888535, 120.985075)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<html>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="23.044586" y="21.9134328"><html></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="body-node" transform="translate(243.888535, 181.477612)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<body>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="23.044586" y="21.9134328"><body></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="table-node" transform="translate(243.888535, 241.970149)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<table>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="23.044586" y="21.9134328"><table></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tbody-node" transform="translate(243.888535, 302.462687)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<tbody>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="19.2038217" y="21.9134328"><tbody></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_1-node" transform="translate(80.656051, 380.238806)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<tr>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="35.5270701" y="21.9134328"><tr></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_2-node" transform="translate(426.324841, 380.238806)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<tr>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="33.6066879" y="21.9134328"><tr></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_1_td_1-node" transform="translate(13.442675, 458.014925)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<td>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="31.6863057" y="21.9134328"><td></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_1_td_1_text-node" transform="translate(0.000000, 518.507463)">
|
||||
<ellipse id="Oval" stroke="#000000" fill="#4682B4" sketch:type="MSShapeGroup" cx="61.4522293" cy="30.2462687" rx="61.4522293" ry="30.2462687"></ellipse>
|
||||
<text id="Shady-Grove" fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12.9626866" font-weight="normal">
|
||||
<tspan x="19.2038217" y="34.6044776" fill="#000000">Shady Grove</tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_1_td_2-node" transform="translate(147.869427, 458.014925)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<td>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="33.6066879" y="21.9134328"><td></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_1_td_2_text-node" transform="translate(134.426752, 518.507463)">
|
||||
<ellipse id="Oval" stroke="#000000" fill="#4682B4" sketch:type="MSShapeGroup" cx="61.4522293" cy="30.2462687" rx="61.4522293" ry="30.2462687"></ellipse>
|
||||
<text id="Aeolian" fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12.9626866" font-weight="normal">
|
||||
<tspan x="36.9673567" y="34.6044776" fill="#000000">Aeolian</tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_2_td_1-node" transform="translate(359.111465, 458.014925)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#0000FF" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<td>" fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Consolas" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="27.8455414" y="22.3701493" fill="#000000"><td></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_2_td_1_text-node" transform="translate(345.668790, 518.507463)">
|
||||
<ellipse id="Oval" stroke="#000000" fill="#4682B4" sketch:type="MSShapeGroup" cx="61.4522293" cy="30.2462687" rx="61.4522293" ry="30.2462687"></ellipse>
|
||||
<g id="Group" transform="translate(12.482484, 15.555224)" font-size="12.9626866" font-family="Helvetica" fill="#FFFFFF" sketch:type="MSTextLayer" font-weight="normal">
|
||||
<text id="Over-the-River,">
|
||||
<tspan x="0.480095541" y="13" fill="#000000">Over the River,</tspan>
|
||||
</text>
|
||||
<text id="Charlie">
|
||||
<tspan x="25.9251592" y="30.2835821" fill="#000000">Charlie</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</g>
|
||||
<g id="tr_2_td_2-node" transform="translate(493.538217, 458.014925)">
|
||||
<rect id="Rectangle-path" stroke="#000000" fill="#87CEFA" sketch:type="MSShapeGroup" x="0" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
<text id="<td>" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="15.5552239" font-weight="normal">
|
||||
<tspan x="33.6066879" y="21.9134328"><td></tspan>
|
||||
</text>
|
||||
</g>
|
||||
<g id="tr_2_td_2_text-node" transform="translate(480.095541, 518.507463)">
|
||||
<ellipse id="Oval" stroke="#000000" fill="#4682B4" sketch:type="MSShapeGroup" cx="61.4522293" cy="30.2462687" rx="61.4522293" ry="30.2462687"></ellipse>
|
||||
<text id="Dorian" fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12.9626866" font-weight="normal">
|
||||
<tspan x="39.8479299" y="34.6044776" fill="#000000">Dorian</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</g>
|
||||
<g id="edges" transform="translate(61.452229, 34.567164)" stroke="#000000" stroke-width="2" sketch:type="MSShapeGroup">
|
||||
<path d="M230.44586,0 L230.44586,19.8761194" id="window-document" fill="#000000"></path>
|
||||
<path d="M230.44586,60.4925373 L230.44586,80.3686567" id="document-html" fill="#000000"></path>
|
||||
<path d="M230.44586,120.985075 L230.44586,140.861194" id="html-body" fill="#000000"></path>
|
||||
<path d="M230.44586,181.477612 L230.44586,201.353731" id="body-table" fill="#000000"></path>
|
||||
<path d="M230.44586,241.970149 L230.44586,261.846269" id="table-tbody" fill="#000000"></path>
|
||||
<path d="M230.44586,302.462687 C230.44586,313.985075 214.442675,319.746269 182.436306,319.746269 L86.4171975,319.746269 C73.6146497,319.746269 67.2133758,326.371642 67.2133758,339.622388" id="tbody-tr_1"></path>
|
||||
<path d="M230.44586,302.462687 C230.44586,313.985075 252.850318,319.746269 297.659236,319.746269 L393.678344,319.746269 C406.480892,319.746269 412.882166,326.371642 412.882166,339.622388" id="tbody-tr_2"></path>
|
||||
<path d="M67.2133758,380.238806 C67.2133758,391.761194 60.8121019,397.522388 48.0095541,397.522388 L19.2038217,397.522388 C6.40127389,397.522388 0,404.147761 0,417.398507" id="tr_1-tr_2_td_1"></path>
|
||||
<path d="M67.2133758,380.238806 C67.2133758,391.761194 73.6146497,397.522388 86.4171975,397.522388 L115.22293,397.522388 C128.025478,397.522388 134.426752,404.147761 134.426752,417.398507" id="tr_1-tr_2_td_2"></path>
|
||||
<path d="M412.882166,380.238806 C412.882166,391.761194 406.480892,397.522388 393.678344,397.522388 L364.872611,397.522388 C352.070064,397.522388 345.66879,404.147761 345.66879,417.398507" id="tr_2-tr_2_td_1"></path>
|
||||
<path d="M412.882166,380.238806 C412.882166,391.761194 425.684713,397.522388 451.289809,397.522388 L460.89172,397.522388 C473.694268,397.522388 480.095541,404.147761 480.095541,417.398507" id="tr_2-tr_2_td_2"></path>
|
||||
<path d="M0,458.014925 L0,477.891045" id="tr_1_td_1-text" fill="#000000"></path>
|
||||
<path d="M134.426752,458.014925 L134.426752,477.891045" id="tr_1_td_2-text" fill="#000000"></path>
|
||||
<path d="M345.66879,458.014925 L345.66879,477.891045" id="tr_2_td_1-text" fill="#000000"></path>
|
||||
<path d="M482.015924,458.014925 L482.015924,477.891045" id="tr_2_td_2-text" fill="#000000"></path>
|
||||
</g>
|
||||
<g id="event-flow" transform="translate(103.700637, 14.691045)">
|
||||
<g id="target_phase" transform="translate(186.277070, 443.323881)">
|
||||
<text id="Target" fill="#0000FF" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="0.960191083" y="34.1477612" fill="#000000">Target</tspan>
|
||||
</text>
|
||||
<text id="Phase" fill="#0000FF" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="0.480095541" y="51.4313433" fill="#000000">Phase</tspan>
|
||||
</text>
|
||||
<text id="(2)" fill="#0000FF" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="15.8431529" y="68.7149254" fill="#000000">(2)</tspan>
|
||||
</text>
|
||||
<rect id="Rectangle-path" stroke="#000000" stroke-width="5" sketch:type="MSShapeGroup" x="69.133758" y="0" width="96.0191083" height="34.5671642" rx="5"></rect>
|
||||
</g>
|
||||
<g id="capture_phase">
|
||||
<text id="Capture" fill="#FF0000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="0" y="166.367164" fill="#000000">Capture</tspan>
|
||||
</text>
|
||||
<text id="Phase" fill="#FF0000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="7.20143312" y="183.650746" fill="#000000">Phase</tspan>
|
||||
</text>
|
||||
<text id="(1)" fill="#FF0000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="22.5644904" y="200.934328" fill="#000000">(1)</tspan>
|
||||
</text>
|
||||
<path d="M116.183121,0.864179104 C77.7754777,-1.72835821 77.7754777,41.480597 119.063694,50.1223881" id="capture_phase_arrow" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
<g id="capture_phase_arrow-link" transform="translate(92.178344, 60.492537)" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup">
|
||||
<path d="M28.8057325,0.864179104 C-9.60191083,-1.72835821 -9.60191083,41.480597 31.6863057,50.1223881" id="capture_phase_arrow"></path>
|
||||
</g>
|
||||
<g id="capture_phase_arrow-link" transform="translate(96.979299, 120.985075)" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup">
|
||||
<path d="M28.8057325,0.864179104 C-9.60191083,-1.72835821 -9.60191083,41.480597 31.6863057,50.1223881" id="capture_phase_arrow"></path>
|
||||
</g>
|
||||
<g id="capture_phase_arrow-link" transform="translate(96.979299, 181.477612)" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup">
|
||||
<path d="M28.8057325,0.864179104 C-9.60191083,-1.72835821 -9.60191083,41.480597 31.6863057,50.1223881" id="capture_phase_arrow"></path>
|
||||
</g>
|
||||
<g id="capture_phase_arrow-link" transform="translate(96.979299, 241.970149)" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup">
|
||||
<path d="M28.8057325,0.864179104 C-9.60191083,-1.72835821 -9.60191083,41.480597 31.6863057,50.1223881" id="capture_phase_arrow"></path>
|
||||
</g>
|
||||
<path d="M125.785032,303.326866 C87.3773885,300.734328 87.3773885,385.423881 301.5,372.461194" id="capture_phase_arrow2" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M301.5,385.423881 C207.401274,382.831343 207.401274,437.274627 239.08758,450.237313" id="capture_phase_arrow3" stroke="#FF0000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
</g>
|
||||
<g id="bubble_phase" transform="translate(250.609873, 12.962687)">
|
||||
<text id="Bubbling" fill="#008000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="72.9745223" y="239.822388" fill="#000000">Bubbling</tspan>
|
||||
</text>
|
||||
<text id="Phase" fill="#008000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="83.0565287" y="257.10597" fill="#000000">Phase</tspan>
|
||||
</text>
|
||||
<text id="(3)" fill="#008000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.2835821" font-weight="normal">
|
||||
<tspan x="98.419586" y="274.389552" fill="#000000">(3)</tspan>
|
||||
</text>
|
||||
<path d="M112.342357,437.274627 C244.848726,381.102985 244.848726,369.868657 179.555732,372.461194" id="bubble_phase_arrow3" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M182.436306,358.634328 C220.843949,349.992537 220.843949,307.647761 1.92038217,299.00597" id="bubble_phase_arrow2" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M0,287.771642 C38.4076433,285.179104 38.4076433,250.61194 0,241.970149" id="bubble_phase_arrow" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
<g id="bubble_phase_arrow-link" transform="translate(0.000000, 181.477612)" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup">
|
||||
<path d="M0,45.8014925 C38.4076433,43.2089552 38.4076433,8.64179104 0,0" id="bubble_phase_arrow"></path>
|
||||
</g>
|
||||
<g id="bubble_phase_arrow-link" transform="translate(0.000000, 120.985075)" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup">
|
||||
<path d="M0,45.8014925 C38.4076433,43.2089552 38.4076433,8.64179104 0,0" id="bubble_phase_arrow"></path>
|
||||
</g>
|
||||
<path d="M0,106.29403 C48.0095541,103.701493 48.0095541,69.1343284 9.60191083,60.4925373" id="bubble_phase_arrow4" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M9.60191083,45.8014925 C57.611465,43.2089552 57.611465,8.64179104 19.2038217,0" id="bubble_phase_arrow" stroke="#008000" stroke-width="3" sketch:type="MSShapeGroup"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="document-node" transform="translate(310, 80)">
|
||||
<a xlink:href="../DOM3-Events.html#glossary-document" target="_parent">
|
||||
<rect x="-60" y="0" width="120" height="40" fill="gainsboro" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26">Document</text>
|
||||
</a>
|
||||
</g>
|
||||
|
||||
<g id="html-node" transform="translate(310, 150)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><html></text>
|
||||
</g>
|
||||
|
||||
<g id="body-node" transform="translate(310, 220)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><body></text>
|
||||
</g>
|
||||
|
||||
<g id="table-node" transform="translate(310, 290)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><table></text>
|
||||
</g>
|
||||
|
||||
<g id="tbody-node" transform="translate(310, 360)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><tbody></text>
|
||||
</g>
|
||||
|
||||
<g id="tr_1-node" transform="translate(140, 450)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><tr></text>
|
||||
</g>
|
||||
|
||||
<g id="tr_2-node" transform="translate(500, 450)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><tr></text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tr_1_td_1-node" transform="translate(70, 540)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><td></text>
|
||||
</g>
|
||||
|
||||
<g id="tr_1_td_1_text-node" transform="translate(70, 610)">
|
||||
<ellipse cx="0" cy="35" rx="64" ry="35" fill="steelblue" stroke="black" filter="url(#dropShadow)"/>
|
||||
<text x="0" y="40" font-size="15" fill="white" text-anchor="middle">Shady Grove</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tr_1_td_2-node" transform="translate(210, 540)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><td></text>
|
||||
</g>
|
||||
|
||||
<g id="tr_1_td_2_text-node" transform="translate(210, 610)">
|
||||
<ellipse cx="0" cy="35" rx="64" ry="35" fill="steelblue" stroke="black" filter="url(#dropShadow)"/>
|
||||
<text x="0" y="40" font-size="15" fill="white" text-anchor="middle">Aeolian</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tr_2_td_1-node" transform="translate(430, 540)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="blue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26" fill="white"><td></text>
|
||||
</g>
|
||||
|
||||
<g id="tr_2_td_1_text-node" transform="translate(430, 610)">
|
||||
<ellipse cx="0" cy="35" rx="64" ry="35" fill="steelblue" stroke="black" filter="url(#dropShadow)"/>
|
||||
<text x="0" y="40" font-size="15" fill="white" text-anchor="middle">
|
||||
<tspan x="0" y="34">Over the River,</tspan> <tspan x="0" y="54">Charlie</tspan>
|
||||
</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tr_2_td_2-node" transform="translate(570, 540)">
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="lightskyblue" stroke="black" filter="url(#dropShadow)" />
|
||||
<text x="0" y="26"><td></text>
|
||||
</g>
|
||||
|
||||
<g id="tr_2_td_2_text-node" transform="translate(570, 610)">
|
||||
<ellipse cx="0" cy="35" rx="64" ry="35" fill="steelblue" stroke="black" filter="url(#dropShadow)"/>
|
||||
<text x="0" y="40" font-size="15" fill="white" text-anchor="middle">Dorian</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<g id="edges">
|
||||
<line id="window-document" x1="310" y1="50" x2="310" y2="73" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="document-html" x1="310" y1="120" x2="310" y2="143" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="html-body" x1="310" y1="190" x2="310" y2="213" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="body-table" x1="310" y1="260" x2="310" y2="283" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="table-tbody" x1="310" y1="330" x2="310" y2="353" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<path id="tbody-tr_1" fill="none" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"
|
||||
d="M310,400 Q310,420 260,420 H160 Q140,420 140,443"/>
|
||||
<path id="tbody-tr_2" fill="none" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"
|
||||
d="M310,400 Q310,420 380,420 H480 Q500,420 500,443"/>
|
||||
<path id="tr_1-tr_2_td_1" fill="none" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"
|
||||
d="M140,490 Q140,510 120,510 H90 Q70,510 70,533"/>
|
||||
<path id="tr_1-tr_2_td_2" fill="none" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"
|
||||
d="M140,490 Q140,510 160,510 H190 Q210,510 210,533"/>
|
||||
<path id="tr_2-tr_2_td_1" fill="none" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"
|
||||
d="M500,490 Q500,510 480,510 H450 Q430,510 430,533"/>
|
||||
<path id="tr_2-tr_2_td_2" fill="none" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"
|
||||
d="M500,490 Q500,510 540,510 H550 Q570,510 570,533"/>
|
||||
<line id="tr_1_td_1-text" x1="70" y1="580" x2="70" y2="603" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="tr_1_td_2-text" x1="210" y1="580" x2="210" y2="603" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="tr_2_td_1-text" x1="430" y1="580" x2="430" y2="603" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
<line id="tr_2_td_2-text" x1="570" y1="580" x2="570" y2="603" stroke="black" stroke-width="2" marker-end="url(#blackArrow)"/>
|
||||
</g>
|
||||
|
||||
<g id="event-flow" stroke-dasharray="10,5">
|
||||
<g id="capture_phase">
|
||||
<a xlink:href="../DOM3-Events.html#glossary-capture-phase" target="_parent"><text fill="red" font-family="Verdana, sans-serif" font-size="20" font-weight="bold" text-anchor="middle"><tspan x="150" y="220">Capture</tspan> <tspan x="150" y="240">Phase</tspan> <tspan x="150" y="260">(1)</tspan></text></a>
|
||||
|
||||
<path id="capture_phase_arrow" fill="none" stroke="red" stroke-width="3" marker-end="url(#redArrow)" stroke-linecap="round"
|
||||
d="M235,28 C195,25 195,75 238,85 "/>
|
||||
<use xlink:href="#capture_phase_arrow" x="5" y="70" />
|
||||
<use xlink:href="#capture_phase_arrow" x="10" y="140" />
|
||||
<use xlink:href="#capture_phase_arrow" x="10" y="210" />
|
||||
<use xlink:href="#capture_phase_arrow" x="10" y="280" />
|
||||
<path id="capture_phase_arrow2" fill="none" stroke="red" stroke-width="3" marker-end="url(#redArrow)" stroke-linecap="round"
|
||||
d="M245,378 C205,375 205,473 428,458 "/>
|
||||
<path id="capture_phase_arrow3" fill="none" stroke="red" stroke-width="3" marker-end="url(#redArrow)" stroke-linecap="round"
|
||||
stroke-dasharray="none" d="M428,473 C330,470 330,533 363,548 "/>
|
||||
|
||||
</g>
|
||||
|
||||
<g id="target_phase">
|
||||
<a xlink:href="../DOM3-Events.html#glossary-target-phase" target="_parent"><text fill="blue" font-family="Verdana, sans-serif" font-size="20" font-weight="bold" text-anchor="middle"><tspan x="337" y="580">Target</tspan> <tspan x="337" y="600">Phase</tspan> <tspan x="337" y="620">(2)</tspan></text></a>
|
||||
|
||||
<rect x="-50" y="0" width="100" height="40" rx="5" ry="5" fill="none" stroke="black" stroke-width="5" stroke-dasharray="none"
|
||||
transform="translate(430, 540)"/>
|
||||
</g>
|
||||
|
||||
<g id="bubble_phase">
|
||||
<a xlink:href="../DOM3-Events.html#glossary-bubbling-phase" target="_parent"><text fill="green" font-family="Verdana, sans-serif" font-size="20" font-weight="bold" text-anchor="middle"><tspan x="490" y="320">Bubbling</tspan> <tspan x="490" y="340">Phase</tspan> <tspan x="490" y="360">(3)</tspan></text></a>
|
||||
|
||||
<path id="bubble_phase_arrow3" fill="none" stroke="green" stroke-width="3" marker-end="url(#greenArrow)" stroke-linecap="round"
|
||||
stroke-dasharray="none" d="M492,548 C630,483 630,470 562,473"/>
|
||||
<path id="bubble_phase_arrow2" fill="none" stroke="green" stroke-width="3" marker-end="url(#greenArrow)" stroke-linecap="round"
|
||||
d="M565,457 C605,447 605,398 377,388"/>
|
||||
<path id="bubble_phase_arrow" fill="none" stroke="green" stroke-width="3" marker-end="url(#greenArrow)" stroke-linecap="round"
|
||||
d="M375,375 C415,372 415,332 375,322"/>
|
||||
<use xlink:href="#bubble_phase_arrow" x="0" y="-70" />
|
||||
<use xlink:href="#bubble_phase_arrow" x="0" y="-140" />
|
||||
<path id="bubble_phase_arrow4" fill="none" stroke="green" stroke-width="3" marker-end="url(#greenArrow)" stroke-linecap="round"
|
||||
d="M375,165 C425,162 425,122 385,112"/>
|
||||
<path id="bubble_phase_arrow" fill="none" stroke="green" stroke-width="3" marker-end="url(#greenArrow)" stroke-linecap="round"
|
||||
d="M385,95 C435,92 435,52 395,42"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 19 KiB |
Loading…
Add table
Add a link
Reference in a new issue