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

Embed font to SVG

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

72
1-js/09-classes/05-extend-natives/object-date-inheritance.svg
View file

@ -1,71 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="503px" height="370px" viewBox="0 0 503 370" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>object-date-inheritance.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-date-inheritance.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="267" y="23" width="219" height="78"></rect>
<text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="277" y="42">constructor: Object</tspan>
<tspan x="277" y="57">toString: function</tspan>
<tspan x="277" y="72">hasOwnProperty: function</tspan>
<tspan x="277" y="87">...</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="267" y="329" width="178" height="28"></rect>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="266" y="15">Object.prototype</tspan>
</text>
<rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="267" y="183" width="219" height="78"></rect>
<text id="constructor:-Date-to" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="277" y="202">constructor: Date</tspan>
<tspan x="277" y="217">toString: function</tspan>
<tspan x="277" y="232">getDate: function</tspan>
<tspan x="277" y="247">...</tspan>
</text>
<text id="Date.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="266" y="175">Date.prototype</tspan>
</text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="15" y="23" width="133" height="64"></rect>
<text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="14" y="15">Object</tspan>
</text>
<rect id="Rectangle-1-Copy-3" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="15" y="183" width="133" height="64"></rect>
<text id="Date" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="14" y="175">Date</tspan>
</text>
<text id="new-Date()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="268" y="318">new Date()</tspan>
</text>
<path id="Line" d="M356.5,127.5 L356.5,155.5 L354.5,155.5 L354.5,127.5 L348.5,127.5 L355.5,113.5 L362.5,127.5 L356.5,127.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M238,38 L156,38 L156,36 L238,36 L238,30 L252,37 L238,44 L238,38 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="365" y="137">[[Prototype]]</tspan>
</text>
<path id="Line-Copy-3" d="M356.5,287.5 L356.5,315.5 L354.5,315.5 L354.5,287.5 L348.5,287.5 L355.5,273.5 L362.5,287.5 L356.5,287.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="365" y="297">[[Prototype]]</tspan>
</text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="163" y="25">prototype</tspan>
</text>
<path id="Line-Copy-2" d="M238,206 L156,206 L156,204 L238,204 L238,198 L252,205 L238,212 L238,206 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="163" y="193">prototype</tspan>
</text>
<text id="defineProperty" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="41">defineProperty</tspan>
<tspan x="24" y="56">keys</tspan>
<tspan x="24" y="71">...</tspan>
</text>
<text id="now" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="202">now</tspan>
<tspan x="24" y="217">parse</tspan>
<tspan x="24" y="232">...</tspan>
</text>
<text id="1-Jan-2019" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="278" y="347">1 Jan 2019</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="503" height="370" viewBox="0 0 503 370"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="inheritance" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="object-date-inheritance.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M267 23h219v78H267z"/><text id="constructor:-Object" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="277" y="42">constructor: Object</tspan> <tspan x="277" y="57">toString: function</tspan> <tspan x="277" y="72">hasOwnProperty: function</tspan> <tspan x="277" y="87">...</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M267 329h178v28H267z"/><text id="Object.prototype" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="266" y="15">Object.prototype</tspan></text><path id="Rectangle-1-Copy-4" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M267 183h219v78H267z"/><text id="constructor:-Date-to" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="277" y="202">constructor: Date</tspan> <tspan x="277" y="217">toString: function</tspan> <tspan x="277" y="232">getDate: function</tspan> <tspan x="277" y="247">...</tspan></text><text id="Date.prototype" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="266" y="175">Date.prototype</tspan></text><path id="Rectangle-1-Copy-2" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M15 23h133v64H15z"/><text id="Object" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="14" y="15">Object</tspan></text><path id="Rectangle-1-Copy-3" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M15 183h133v64H15z"/><text id="Date" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="14" y="175">Date</tspan></text><text id="new-Date()" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="268" y="318">new Date()</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M356.5 127.5v28h-2v-28h-6l7-14 7 14h-6z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M238 38h-82v-2h82v-6l14 7-14 7v-6z"/><text id="[[Prototype]]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="365" y="137">[[Prototype]]</tspan></text><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M356.5 287.5v28h-2v-28h-6l7-14 7 14h-6z"/><text id="[[Prototype]]-Copy" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="365" y="297">[[Prototype]]</tspan></text><text id="prototype" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="163" y="25">prototype</tspan></text><path id="Line-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M238 206h-82v-2h82v-6l14 7-14 7v-6z"/><text id="prototype-copy" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="163" y="193">prototype</tspan></text><text id="defineProperty" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="24" y="41">defineProperty</tspan> <tspan x="24" y="56">keys</tspan> <tspan x="24" y="71">...</tspan></text><text id="now" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="24" y="202">now</tspan> <tspan x="24" y="217">parse</tspan> <tspan x="24" y="232">...</tspan></text><text id="1-Jan-2019" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="278" y="347">1 Jan 2019</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before After
Before After