2018-08-14 10:22:48 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Examples</title>
|
2018-09-06 16:22:23 +02:00
|
|
|
<!-- <script type="text/javascript" src="freesewing.js"></script> -->
|
|
|
|
|
<script type="text/javascript" src="node_modules/freesewing/dist/browser.js"></script>
|
2018-08-14 10:22:48 +02:00
|
|
|
<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="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="node_modules/@freesewing/models/dist/browser.js"></script>
|
|
|
|
|
<script type="text/javascript" src="node_modules/@freesewing/antman/dist/browser.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="svg"></div>
|
|
|
|
|
<script>
|
|
|
|
|
var pattern = freesewing.patterns.examples
|
|
|
|
|
.with(freesewing.plugins.debug)
|
|
|
|
|
.with(freesewing.plugins.theme)
|
2018-08-14 16:07:36 +02:00
|
|
|
//.with(freesewing.plugins.designer)
|
2018-09-06 16:22:23 +02:00
|
|
|
//.with(freesewing.plugins.validate)
|
2018-08-14 10:22:48 +02:00
|
|
|
;
|
|
|
|
|
pattern.settings.measurements = freesewing.models.men.manSize36;
|
|
|
|
|
|
|
|
|
|
// Uncomment this line to enable paperless
|
2018-08-23 15:59:05 +02:00
|
|
|
//pattern.settings.paperless = true;
|
2018-08-14 10:22:48 +02:00
|
|
|
// Some default settings
|
|
|
|
|
pattern.settings.sa = 10;
|
|
|
|
|
pattern.settings.units = 'metric';
|
2018-08-23 15:59:05 +02:00
|
|
|
// console.log(pattern);
|
2018-09-06 16:22:23 +02:00
|
|
|
pattern.settings.only = ['pathTranslate'];
|
2018-08-18 10:50:10 +02:00
|
|
|
//pattern.on('preRender', function(next) {
|
|
|
|
|
// this.style += 'g { border: 1px solid red; background: red;}';
|
|
|
|
|
// next();
|
|
|
|
|
//});
|
2018-08-14 10:22:48 +02:00
|
|
|
|
|
|
|
|
//pattern.sampleOption('chestEase');
|
|
|
|
|
//pattern.sampleMeasurement('chestCircumference');
|
|
|
|
|
//pattern.sampleModels(freesewing.models.men);
|
|
|
|
|
//pattern.sampleModels(freesewing.models.antman);
|
|
|
|
|
pattern.draft();
|
|
|
|
|
document.getElementById("svg").innerHTML = pattern.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>
|
