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

55
1-js/09-classes/07-mixins/mixin-inheritance.svg
View file

@ -1,54 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="486px" height="295px" viewBox="0 0 486 295" 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>mixin-inheritance.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="mixin-inheritance.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="305" y="130.109589" width="178" height="58"></rect>
<text id="sayHi:-function-sayB" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="315" y="153.109589">sayHi: function</tspan>
<tspan x="315" y="168.109589">sayBye: function</tspan>
</text>
<text id="sayHiMixin" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="304" y="122.109589">sayHiMixin</tspan>
</text>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="305" y="23.109589" width="178" height="28"></rect>
<text id="say:-function" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="315" y="41.109589">say: function</tspan>
</text>
<text id="sayMixin" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="304" y="15.109589">sayMixin</tspan>
</text>
<path id="Line-2" d="M365.5,78.609589 L365.5,106.609589 L363.5,106.609589 L363.5,78.609589 L357.5,78.609589 L364.5,64.609589 L371.5,78.609589 L365.5,78.609589 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="378" y="87">[[Prototype]]</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="8" y="130.109589" width="178" height="58"></rect>
<text id="constructor:-User-sa" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="18" y="146.109589">constructor: User</tspan>
<tspan x="18" y="161.109589">sayHi: function</tspan>
<tspan x="18" y="176.109589">sayBye: function</tspan>
</text>
<text id="User.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="7" y="122.109589">User.prototype</tspan>
</text>
<path id="Line-2-Copy" d="M68.5,218.609589 L68.5,246.609589 L66.5,246.609589 L66.5,218.609589 L60.5,218.609589 L67.5,204.609589 L74.5,218.609589 L68.5,218.609589 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2-Copy-2" d="M264.5,176.609589 L154.5,176.609589 L154.5,174.609589 L264.5,174.609589 L264.5,168.609589 L278.5,175.609589 L264.5,182.609589 L264.5,176.609589 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2-Copy-3" d="M264.5,160.609589 L154.5,160.609589 L154.5,158.609589 L264.5,158.609589 L264.5,152.609589 L278.5,159.609589 L264.5,166.609589 L264.5,160.609589 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="81" y="227">[[Prototype]]</tspan>
</text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="12" y="261" width="99" height="28"></rect>
<text id="name:-..." font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="18" y="278.109589">name: ...</tspan>
</text>
<text id="user" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="11" y="253">user</tspan>
</text>
<text id="[[HomeObject]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="193" y="148">[[HomeObject]</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="486" height="295" viewBox="0 0 486 295"><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="mixin-inheritance.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M305 130.11h178v58H305z"/><text id="sayHi:-function-sayB" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="315" y="153.11">sayHi: function</tspan> <tspan x="315" y="168.11">sayBye: function</tspan></text><text id="sayHiMixin" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="304" y="122.11">sayHiMixin</tspan></text><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M305 23.11h178v28H305z"/><text id="say:-function" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="315" y="41.11">say: function</tspan></text><text id="sayMixin" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="304" y="15.11">sayMixin</tspan></text><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M365.5 78.61v28h-2v-28h-6l7-14 7 14h-6z"/><text id="[[Prototype]]" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="378" y="87">[[Prototype]]</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M8 130.11h178v58H8z"/><text id="constructor:-User-sa" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="18" y="146.11">constructor: User</tspan> <tspan x="18" y="161.11">sayHi: function</tspan> <tspan x="18" y="176.11">sayBye: function</tspan></text><text id="User.prototype" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="7" y="122.11">User.prototype</tspan></text><path id="Line-2-Copy" fill="#EE6B47" fill-rule="nonzero" d="M68.5 218.61v28h-2v-28h-6l7-14 7 14h-6z"/><path id="Line-2-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M264.5 176.61h-110v-2h110v-6l14 7-14 7v-6z"/><path id="Line-2-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M264.5 160.61h-110v-2h110v-6l14 7-14 7v-6z"/><text id="[[Prototype]]-Copy" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="81" y="227">[[Prototype]]</tspan></text><path id="Rectangle-1-Copy-2" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M12 261h99v28H12z"/><text id="name:-..." fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="18" y="278.11">name: ...</tspan></text><text id="user" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="11" y="253">user</tspan></text><text id="[[HomeObject]" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="193" y="148">[[HomeObject]</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Before After
Before After