chore: Linedrawing issues
This commit is contained in:
joostdecock
parent
9de6d9a69a
commit
28e7ad0739
7 changed files with 26 additions and 8 deletions
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import { LineDrawingWrapper } from './shared.mjs'
|
||||
import { LineDrawingWrapper, regular, thin } from './shared.mjs'
|
||||
|
||||
const strokeScale = 0.5
|
||||
|
||||
|
|
@ -42,10 +42,12 @@ export const Front = ({ stroke }) => (
|
|||
<path
|
||||
key="folds"
|
||||
opacity={0.3}
|
||||
{...thin(stroke)}
|
||||
d="m 68.275,19.943197 c -2.025,3.925 -0.75,5.325 -0.75,9.2 h -0.05 c -0.1,-2.375 -1.35,-4.8 -0.55,-7.175 0.3,-0.775 0.725,-1.5 1.3,-2.05 0.025,0 0.05,0.025 0.05,0.025 z m 0.6,13.675 c 0.45,-1.15 0.825,-2.2 1,-3.375 0.2,-1.875 -0.075,-4.225 0.35,-6.075 H 70.3 c -0.15,1.925 0.3,4.2 0.325,6.125 -0.05,1.3 -0.725,2.525 -1.675,3.35 -0.025,0.025 -0.075,-0.025 -0.075,-0.025 z m -6.25,-4.95 c -2.65,1.675 -5.8,2.925 -8.975,2.325 1.525,-0.375 3.025,-0.6 4.525,-1 1.475,-0.4 2.95,-0.975 4.45,-1.325 z m 0.125,-4.25 c -1.475,-0.475 -2.9,-1.175 -4.325,-1.675 -1.45,-0.525 -2.925,-0.875 -4.425,-1.375 3.225,-0.375 6.275,1.15 8.75,3.05 z m -18.7,1.975 c 1.55,0.15 3.075,0.25 4.6,0.2 1.525,-0.075 3.025,-0.3 4.575,-0.525 3.1,-0.4 6.25,-0.3 9.325,0.3 -1.55,0.025 -3.1,-0.025 -4.625,0.05 -3.1,0.05 -6.15,0.775 -9.25,0.725 -1.575,-0.025 -3.125,-0.3 -4.625,-0.75 z m 31.125,2.275 c 1.5,0.35 2.975,0.925 4.45,1.325 1.5,0.4 3,0.625 4.525,1 -3.175,0.625 -6.325,-0.65 -8.975,-2.325 z m -0.125,-4.25 c 2.5,-1.9 5.525,-3.4 8.75,-3.05 -1.475,0.5 -2.95,0.85 -4.425,1.375 -1.425,0.5 -2.85,1.2 -4.325,1.675 z m 18.7,1.975 c -1.5,0.45 -3.025,0.725 -4.6,0.775 -3.1,0.05 -6.15,-0.7 -9.25,-0.725 -1.525,-0.075 -3.075,-0.025 -4.625,-0.05 3.05,-0.6 6.225,-0.7 9.325,-0.3 1.55,0.2 3.05,0.45 4.575,0.525 1.5,0.025 3.025,-0.075 4.575,-0.225 z"
|
||||
/>
|
||||
<path
|
||||
key="outline"
|
||||
{...regular(stroke)}
|
||||
d="m 82.5,39.268193 c 0,0 4.775,3.875 6.775,4.875 2,1 7.1,3.125 7.1,3.125 l 0.575,-1.125 M 82.525,11.893197 c 0,0 7.25,-5.5000001 14.75,-6.7500001 l 0.25,1.25 M 55.275,39.268193 c 0,0 -4.775,3.875 -6.775,4.875 -2,1 -7.075,3.125 -7.075,3.125 l -0.575,-1.125 M 57,12.943197 m -1.75,-1.05 c 0,0 -7.25,-5.5000001 -14.75,-6.7500001 l -0.25,1.25 m 14.375,5.0000001 h 28.5 m 20,0 c 0.65,0 12.475,0 19.75,0.475 1.775,0.125 4.35,0.325 7.55,1.425 0.975,0.35 1.75,0.6 2.275,0.85 l 0.025,0.35 m -28.475,19.15 c 6.35,-0.025 14.525,-0.9 22.525,-3.15 2.1,-0.6 4.075,-1.25 5.975,-1.95 v -14.05 c -1.3,0.425 -2.625,0.825 -3.975,1.2 -8.625,2.35 -17.3,3.15 -24.525,2.975 m -69.5,-7.275 c -0.65,0 -12.475,0 -19.75,0.475 -1.775,0.125 -4.35,0.325 -7.55,1.425 -0.975,0.35 -1.75,0.6 -2.275,0.85 l -0.025,0.35 m 28.6,19.15 c -6.35,-0.025 -14.65,-0.9 -22.65,-3.15 -2.1,-0.6 -4.075,-1.25 -5.975,-1.95 v -14.05 c 1.3,0.425 2.625,0.825 3.975,1.2 8.625,2.35 17.425,3.15 24.65,2.975 m 39.75,1.225 c 0.225,0.625 1.5,4.35 1.25,7.75 -0.1,1.3 -0.75,5.25 -0.75,5.25 l -0.825,0.25 c -3.825,0.425 -4.275,0.825 -4.925,0.5 -0.5,-0.25 -1.475,-0.2 -2.25,-0.25 -0.575,-0.05 -2.5,-0.25 -2.5,-0.25 -0.25,-1.075 -1.025,-5.475 -1.025,-6.775 0,-4 1.275,-5.875 1.5,-6.5 z m 0,0 c 3.1,-3.9 5.625,-6.025 7.825,-7.25 2.275,-1.275 4.975,-2.35 9.475,-4.1250001 1.55,-0.625 2.85,-1.1 3.725,-1.425 l 6.35,-1.425 c 0.575,1.35 1.35,3.275 2.175,5.6250001 1.575,4.45 0.975,8.875 1.225,15.125 0.05,1.55 0.3,7.4 -0.75,11.299996 -0.775,2.85 -0.875,3.45 -0.9,4.1 -0.025,0.45 -0.05,1.175 -0.3,2.125 -0.175,0.675 -0.35,1.4 -0.9,2.125 -0.475,0.625 -1,1 -1.375,1.225 -2.275,-0.8 -4.125,-1.55 -5.475,-2.125 -5.575,-2.4 -6.025,-3.35 -11.4,-5.625 -2.45,-1.05 -3.425,-1.3 -5.175,-2.425 -2.15,-1.424996 -3.05,-3.074996 -4,-4.224996 m -10.5,0.25 c -0.95,1.15 -1.55,2.55 -3.7,3.949996 -1.725,1.125 -2.7,1.4 -5.175,2.425 -5.375,2.275 -5.8,3.2 -11.4,5.625 -1.35,0.575 -3.2,1.325 -5.475,2.125 -0.35,-0.225 -0.9,-0.6 -1.375,-1.225 -0.55,-0.725 -0.75,-1.45 -0.9,-2.125 -0.25,-0.975 -0.275,-1.675 -0.3,-2.125 -0.05,-0.65 -0.175,-2.075 -0.95,-4.9 -1.05,-3.899996 -0.775,-15.999996 -0.5,-17.999996 0.375,-2.75 0.25,-3 1,-7.625 0.4,-2.4500001 1.6,-4.2750001 2.175,-5.6250001 l 6.35,1.425 c 0.875,0.325 2.175,0.825 3.725,1.425 4.5,1.7750001 7.2,2.8500001 9.475,4.1250001 2.175,1.225 4.45,3.35 7.525,7.25"
|
||||
/>
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import { LineDrawingWrapper, thin, dashed } from './shared.mjs'
|
||||
import { LineDrawingWrapper, thin, regular, dashed } from './shared.mjs'
|
||||
|
||||
const strokeScale = 0.5
|
||||
|
||||
|
|
@ -73,6 +73,7 @@ export const Front = ({ stroke }) => (
|
|||
<path
|
||||
key="folds"
|
||||
opacity={0.3}
|
||||
{...regular(stroke)}
|
||||
d="m 126.02,106.21
|
||||
c 0.78,3.89 1.46,7.81 2,11.75 0.53,3.94 0.93,7.89 1.21,11.86 0.49,7.93 0.81,15.89 0.44,23.84 -0.41,7.94 -1.58,15.86 -3.55,23.56 -0.97,3.85 -2.16,7.66 -3.53,11.39 -1.39,3.72 -2.96,7.38 -4.71,10.95 1.7,-3.59 3.21,-7.27 4.54,-11.01 1.34,-3.73 2.51,-7.53 3.46,-11.39 1.93,-7.7 3.05,-15.59 3.42,-23.52 0.42,-7.92 0.14,-15.88 -0.31,-23.81 -0.26,-3.96 -0.64,-7.91 -1.15,-11.85 -0.48,-3.94 -1.1,-7.87 -1.82,-11.77
|
||||
z
|
||||
|
|
@ -214,6 +215,7 @@ export const Front = ({ stroke }) => (
|
|||
/>
|
||||
<path
|
||||
key="outline"
|
||||
{...regular(stroke)}
|
||||
d="m 71.86,16.14 2.85,0.25 -2.85,0.25
|
||||
z
|
||||
|
||||
|
|
@ -277,6 +279,7 @@ const Back = ({ stroke }) => (
|
|||
<>
|
||||
<path
|
||||
key="outline"
|
||||
{...regular(stroke)}
|
||||
d="m 284.79,212.64 -6.51,-6.32 6.22,-6.82
|
||||
|
||||
m -82.83,13.41 6.51,-6.1 -6.11,-7.35
|
||||
|
|
@ -332,6 +335,7 @@ const Back = ({ stroke }) => (
|
|||
/>
|
||||
<path
|
||||
key="folds"
|
||||
{...regular(stroke)}
|
||||
opacity={0.3}
|
||||
d="m 292.71,105.8
|
||||
c 0.78,3.89 1.46,7.81 2,11.75 0.53,3.94 0.93,7.89 1.21,11.86 0.49,7.93 0.81,15.89 0.44,23.84 -0.41,7.94 -1.58,15.86 -3.55,23.56 -0.97,3.85 -2.16,7.66 -3.53,11.39 -1.39,3.72 -2.96,7.38 -4.71,10.95 1.7,-3.59 3.21,-7.27 4.54,-11.01 1.34,-3.73 2.51,-7.53 3.46,-11.39 1.93,-7.7 3.05,-15.59 3.42,-23.52 0.42,-7.92 0.14,-15.88 -0.31,-23.81 -0.26,-3.96 -0.64,-7.91 -1.15,-11.85 -0.49,-3.94 -1.1,-7.87 -1.82,-11.77
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import { LineDrawingWrapper } from './shared.mjs'
|
||||
import { LineDrawingWrapper, regular } from './shared.mjs'
|
||||
|
||||
const strokeScale = 0.5
|
||||
|
||||
|
|
@ -60,6 +60,7 @@ export const Front = ({ stroke }) => (
|
|||
<path
|
||||
key="folds"
|
||||
opacity={0.3}
|
||||
{...regular(stroke)}
|
||||
d="m 61.62,30.16
|
||||
c 0,0 -0.19,-12.37 -6.16,-17.97
|
||||
|
||||
|
|
@ -126,6 +127,7 @@ const Back = ({ stroke }) => (
|
|||
<>
|
||||
<path
|
||||
key="outline"
|
||||
{...regular(stroke)}
|
||||
d="m 168.62,154.23 -0.09,-5.78
|
||||
|
||||
M 139.33,5.29
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import { LineDrawingWrapper } from './shared.mjs'
|
||||
import { LineDrawingWrapper, regular } from './shared.mjs'
|
||||
|
||||
const strokeScale = 0.5
|
||||
|
||||
|
|
@ -42,6 +42,7 @@ export const Front = ({ stroke }) => (
|
|||
<path
|
||||
key="folds"
|
||||
opacity={0.3}
|
||||
{...regular(stroke)}
|
||||
d="m 109.14,106.83
|
||||
c 0,0 36.32,8.99 40.28,9.11
|
||||
|
||||
|
|
@ -72,6 +73,7 @@ export const Front = ({ stroke }) => (
|
|||
/>
|
||||
<path
|
||||
key="outline"
|
||||
{...regular(stroke)}
|
||||
d="m 158.93,97.78
|
||||
a 4.83,3.82 15.24 0 1 -5.66,2.42 4.83,3.82 15.24 0 1 -3.65,-4.96 4.83,3.82 15.24 0 1 5.66,-2.42 4.83,3.82 15.24 0 1 3.65,4.96
|
||||
z
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import { LineDrawingWrapper } from './shared.mjs'
|
||||
import { LineDrawingWrapper, regular } from './shared.mjs'
|
||||
|
||||
const strokeScale = 0.6
|
||||
|
||||
|
|
@ -41,6 +41,7 @@ export const Front = ({ stroke }) => (
|
|||
<>
|
||||
<path
|
||||
key="outline"
|
||||
{...regular(stroke)}
|
||||
d="m 99.879935,29.9096
|
||||
v 51.027589
|
||||
l 1.313145,-0.005 1.31315,-0.005
|
||||
|
|
|
|||
|
|
@ -31,12 +31,17 @@ export const LineDrawingWrapper = ({
|
|||
)
|
||||
|
||||
/*
|
||||
* Think stroke-width helper to ensure consistency across linedrawings
|
||||
* Regular stroke-width helper to ensure consistency across linedrawings
|
||||
*/
|
||||
export const regular = (stroke = 1) => ({ strokeWidth: stroke })
|
||||
|
||||
/*
|
||||
* Thin stroke-width helper to ensure consistency across linedrawings
|
||||
*/
|
||||
export const thin = (stroke = 1) => ({ strokeWidth: stroke / 2 })
|
||||
|
||||
/*
|
||||
* Think stroke-width helper to ensure consistency across linedrawings
|
||||
* Very thin stroke-width helper to ensure consistency across linedrawings
|
||||
*/
|
||||
export const veryThin = (stroke = 1) => ({ strokeWidth: stroke / 3 })
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import { LineDrawingWrapper } from './shared.mjs'
|
||||
import { LineDrawingWrapper, regular } from './shared.mjs'
|
||||
|
||||
const strokeScale = 0.5
|
||||
|
||||
|
|
@ -60,6 +60,7 @@ export const Front = ({ stroke }) => (
|
|||
<path
|
||||
key="folds"
|
||||
opacity={0.3}
|
||||
{...regular(stroke)}
|
||||
d="m 11.444918,3.4160237 c -0.160362,-0.160362 8.176004,20.5190483 9.37078,32.6760723 1.612027,16.402602 0.548439,40.878153 0.548439,40.878153 M 61.381584,3.4553407 C 61.541946,3.2949787 53.205579,23.97439 52.010803,36.131414 50.398776,52.534016 51.462364,77.009567 51.462364,77.009567"
|
||||
/>
|
||||
<path
|
||||
|
|
@ -75,6 +76,7 @@ export const Front = ({ stroke }) => (
|
|||
const Back = ({ stroke }) => (
|
||||
<>
|
||||
<path
|
||||
{...regular(stroke)}
|
||||
key="outline"
|
||||
d="m 111.88281,78.695114 c -0.45555,1.821741 -1.13725,3.403287 -1.31734,3.514693 0.84321,0.51267 2.05282,-0.0878 2.05282,-0.0878 0.58369,-0.688898 0.9666,-2.117377 1.20812,-3.431752 m 2.23453,-0.05501 c 0.49366,1.711168 1.19573,3.18232 1.19573,3.18232 0,0 0.78881,0.947168 1.48466,0.61908 0.69585,-0.32544 0.99736,-0.711581 0.99736,-0.711581 -0.44102,-0.05374 -1.33166,-1.519358 -1.7644,-3.174719 m 0.0769,0.07403 c 0.32937,0.660919 0.60663,1.354833 0.75728,2.031847 0.0615,0.11085 0.12333,0.214241 0.18449,0.310581 0.001,0.0021 0.002,0.004 0.004,0.006 0.0603,0.0947 0.12018,0.18216 0.1788,0.261483 7.9e-4,0.0011 0.001,0.0021 0.002,0.003 0.007,0.01 0.0146,0.02 0.0217,0.0295 0.0287,0.0379 0.0563,0.0717 0.0842,0.105421 0.0188,0.02249 0.0374,0.0451 0.0558,0.0656 0.0229,0.02561 0.0455,0.0489 0.0677,0.0713 0.0209,0.02109 0.0412,0.0408 0.0615,0.0589 0.0238,0.02151 0.0481,0.0433 0.0708,0.0605 0.003,0.003 0.007,0.005 0.0103,0.008 0.032,0.02339 0.0625,0.0425 0.092,0.0569 0.009,0.005 0.0187,0.008 0.0279,0.01191 0.007,0.003 0.0136,0.006 0.0202,0.008 0.0169,0.005 0.0333,0.009 0.0491,0.0114 0,0 -0.0368,0.0457 -0.10697,0.114721 0.48809,-0.42858 0.69407,-1.738406 0.0101,-3.326282 m -10.68445,0.07139 c -0.087,0.719784 0.15324,1.534156 0.5339,2.494726 0,0 0.31957,0.704461 1.12655,1.16014 -0.0152,-0.0149 -0.0377,-0.01349 -0.0519,-0.03 0.0182,-0.009 0.0468,-0.0434 0.07,-0.0681 0.25024,-0.45326 0.49627,-1.06707 0.69044,-1.596631 -0.0856,-0.09819 -0.83742,-1.029933 -0.51018,-1.850425 m 1.94253,3.240836 c -0.47191,6.110079 -1.1829,14.618462 -1.603,16.297184 l 2.17766,-0.29921 c 0,0 0.76725,-13.74928 1.11591,-19.287257 m 0.406,-0.03541 c -0.079,1.365675 -0.1128,3.022551 0.0567,4.2867 0.34656,2.584632 0.44191,14.739707 0.79116,15.530817 l 1.88671,0.87333 c 0,0 -0.88388,-12.162919 -1.09554,-14.462148 -0.14682,-1.594789 -0.18794,-4.05642 -0.20102,-5.45651 -0.0897,-0.269853 -0.17737,-0.551553 -0.25878,-0.839347 M 87.143813,4.2807186 c -0.178393,-0.467667 6.305489,20.8545434 3.284766,28.1373344 -1.498909,3.613784 -3.840522,5.464764 -6.06165,7.05917 -2.448934,1.757933 -4.210006,2.306616 -4.210006,2.306616 M 141.47212,4.1948386 c 0.17839,-0.467667 -6.30549,20.8545434 -3.28477,28.1373344 1.49891,3.613784 3.84052,5.464764 6.06165,7.05917 2.44893,1.757933 4.21,2.306616 4.21,2.306616 M 92.226338,2.6382776 c 0,0 5.904445,14.2970694 9.116502,16.9131134 3.21206,2.616044 21.51384,2.357366 25.21793,0 3.70409,-2.357366 10.05445,-17.2574874 10.05445,-17.2574874 M 85.112657,74.04789 c 1.07421,0.37835 2.62202,0.88371 4.52173,1.35731 3.45545,0.8599 6.18595,1.143 8.58837,1.35731 6.289153,0.55827 12.112633,0.79375 16.048303,0.79507 3.93568,0.001 9.75916,-0.2368 16.04831,-0.79507 2.40241,-0.21431 5.13291,-0.49741 8.58837,-1.35731 1.89706,-0.47096 3.44752,-0.97631 4.52173,-1.35731 M 92.813322,2.1678196 c 0,0 5.849811,13.7638324 9.061868,16.3798764 3.21206,2.616044 20.5601,2.357366 24.26419,0 3.70408,-2.357366 9.622,-16.3839464 9.622,-16.3839464 l 6.5277,2.129581 c 0,0 -6.05694,20.6796144 -3.43782,27.2878124 2.61912,6.608198 9.68213,9.49416 9.68213,9.49416 l -5.00867,34.025623 c -1.07421,0.381 -2.62467,0.88636 -4.52173,1.35731 -3.45546,0.8599 -6.18596,1.143 -8.58837,1.35732 -6.28915,0.55827 -12.11263,0.79639 -16.05096,0.79507 -3.93832,-10e-4 -9.76179,-0.2368 -16.050943,-0.79507 -2.40242,-0.21432 -5.13292,-0.49742 -8.58838,-1.35732 -1.8997,-0.4736 -3.44752,-0.97895 -4.52172,-1.35731 L 80.115581,40.929179 c 0,0 7.029245,-2.737748 9.648363,-9.345946 C 92.383062,24.975035 86.321687,4.3137486 86.321687,4.3137486 l 6.433818,-2.08262"
|
||||
/>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue