134 lines
5 KiB
HTML
134 lines
5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Simon</title>
|
||
|
|
<style>
|
||
|
|
.two {
|
||
|
|
display: inline-block;
|
||
|
|
max-width: 95%;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="svg"></div>
|
||
|
|
<div id="svg1" class="two"></div>
|
||
|
|
<div id="svg2" class="two"></div>
|
||
|
|
<!-- <script type="text/javascript" src="node_modules/freesewing/dist/browser.js"></script> -->
|
||
|
|
<script type="text/javascript" src="../../freesewing/dist/browser.js"></script>
|
||
|
|
<script type="text/javascript" src="node_modules/@freesewing/plugin-bundle/dist/browser.js"></script>
|
||
|
|
<script type="text/javascript" src="dist/browser.js"></script>
|
||
|
|
<!-- <script type="text/javascript" src="node_modules/@freesewing/plugin-theme/dist/browser.js"></script> -->
|
||
|
|
<script type="text/javascript" src="../../plugins/plugin-theme/dist/browser.js"></script>
|
||
|
|
<script type="text/javascript" src="node_modules/@freesewing/plugin-designer/dist/browser.js"></script>
|
||
|
|
<script type="text/javascript" src="node_modules/@freesewing/plugin-debug/dist/browser.js"></script>
|
||
|
|
<!-- <script type="text/javascript" src="node_modules/@freesewing/plugin-validate/dist/browser.js"></script> -->
|
||
|
|
<script type="text/javascript" src="../../plugins/plugin-validate/dist/browser.js"></script>
|
||
|
|
<!-- <script type="text/javascript" src="node_modules/@freesewing/plugin-i18n/dist/browser.js"></script> -->
|
||
|
|
<script type="text/javascript" src="../../plugins/plugin-i18n/dist/browser.js"></script>
|
||
|
|
<script type="text/javascript" src="node_modules/@freesewing/models/dist/browser.js"></script>
|
||
|
|
<script type="text/javascript" src="node_modules/@freesewing/antman/dist/browser.js"></script>
|
||
|
|
<script>
|
||
|
|
let settings = {
|
||
|
|
"complete": true,
|
||
|
|
"idPrefix": "fs-",
|
||
|
|
"locale": "en",
|
||
|
|
"units": "imperial",
|
||
|
|
"margin": 2.38125,
|
||
|
|
"options": {
|
||
|
|
"brianFitSleeve": true,
|
||
|
|
"brianFitCollar": true,
|
||
|
|
"collarFactor": 4.8,
|
||
|
|
"acrossBackFactor": 0.97,
|
||
|
|
"armholeDepthFactor": 0.6,
|
||
|
|
"backNeckCutout": 0.05,
|
||
|
|
"bicepsEase": 0.15,
|
||
|
|
"chestEase": 0.08,
|
||
|
|
"collarEase": 0.035,
|
||
|
|
"cuffEase": 0.2,
|
||
|
|
"frontArmholeDeeper": 0.005,
|
||
|
|
"lengthBonus": 0,
|
||
|
|
"shoulderEase": 0,
|
||
|
|
"shoulderSlopeReduction": 0,
|
||
|
|
"sleevecapEase": 0.01,
|
||
|
|
"sleevecapBackFactorX": 0.6,
|
||
|
|
"sleevecapBackFactorY": 0.33,
|
||
|
|
"sleevecapFrontFactorX": 0.55,
|
||
|
|
"sleevecapFrontFactorY": 0.33,
|
||
|
|
"sleevecapQ1Offset": 0.03,
|
||
|
|
"sleevecapQ2Offset": 0.055,
|
||
|
|
"sleevecapQ3Offset": 0.045,
|
||
|
|
"sleevecapQ4Offset": 0.01,
|
||
|
|
"sleevecapQ1Spread1": 0.06,
|
||
|
|
"sleevecapQ1Spread2": 0.15,
|
||
|
|
"sleevecapQ2Spread1": 0.15,
|
||
|
|
"sleevecapQ2Spread2": 0.1,
|
||
|
|
"sleevecapQ3Spread1": 0.1,
|
||
|
|
"sleevecapQ3Spread2": 0.08,
|
||
|
|
"sleevecapQ4Spread1": 0.07,
|
||
|
|
"sleevecapQ4Spread2": 0.07,
|
||
|
|
"sleeveWidthGuarantee": 0.9,
|
||
|
|
"sleeveLengthBonus": 0
|
||
|
|
},
|
||
|
|
"embed": true,
|
||
|
|
"sa": 0,
|
||
|
|
"paperless": false,
|
||
|
|
"measurements": {
|
||
|
|
"bicepsCircumference": 335,
|
||
|
|
"centerBackNeckToWaist": 520,
|
||
|
|
"chestCircumference": 1080,
|
||
|
|
"hipsCircumference": 990,
|
||
|
|
"naturalWaist": 925,
|
||
|
|
"naturalWaistToHip": 145,
|
||
|
|
"neckCircumference": 420,
|
||
|
|
"shoulderSlope": 55,
|
||
|
|
"shoulderToElbow": 410,
|
||
|
|
"shoulderToShoulder": 465,
|
||
|
|
"shoulderToWrist": 680,
|
||
|
|
"wristCircumference": 190,
|
||
|
|
"seatCircumference": 1080,
|
||
|
|
"inseam": 910,
|
||
|
|
"seatDepth": 200,
|
||
|
|
"hipsToUpperLeg": 220,
|
||
|
|
"upperLegCircumference": 630,
|
||
|
|
"headCircumference": 590,
|
||
|
|
"naturalWaistToFloor": 1310,
|
||
|
|
"naturalWaistToSeat": 280
|
||
|
|
}
|
||
|
|
};
|
||
|
|
let settings1 = { ...settings };
|
||
|
|
var pattern1 = new freesewing.patterns.simon(settings1);
|
||
|
|
pattern1.with(freesewing.plugins.theme);
|
||
|
|
pattern1.with(freesewing.plugins.designer);
|
||
|
|
pattern1.settings.options.yokeDart = 0.15;
|
||
|
|
pattern1.settings.options.lengthBonus = 0.1;
|
||
|
|
pattern1.settings.options.hemStyle = "baseball";
|
||
|
|
pattern1.settings.sa = 10;
|
||
|
|
pattern1.draft();
|
||
|
|
console.log(pattern1);
|
||
|
|
document.getElementById("svg1").innerHTML = pattern1.render();
|
||
|
|
|
||
|
|
function pointHover(evt) {
|
||
|
|
var point = evt.target;
|
||
|
|
var id = point.id;
|
||
|
|
var cx = point.getAttribute('x');
|
||
|
|
var cy = point.getAttribute('y');
|
||
|
|
var name = point.getAttribute('data-point');
|
||
|
|
var part = point.getAttribute('data-part');
|
||
|
|
console.log(name+' ('+cx+', '+cy+') @ '+part);
|
||
|
|
var scale = 2;
|
||
|
|
cx = cx-scale*cx;
|
||
|
|
cy = cy-scale*cy;
|
||
|
|
point.setAttribute("transform", 'matrix('+scale+', 0, 0, '+scale+', '+cx+', '+cy+')');
|
||
|
|
pointUnhover(id);
|
||
|
|
}
|
||
|
|
function pointUnhover(id) {
|
||
|
|
setTimeout(function(){
|
||
|
|
document.getElementById(id).removeAttribute("transform", '');
|
||
|
|
}, 500);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|