2018-07-16 09:07:51 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2018-07-16 15:21:26 +00:00
|
|
|
<title>Brian</title>
|
2018-07-16 09:07:51 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="svg"></div>
|
|
|
|
|
<script type="text/javascript" src="dist/browser/bundle.js"></script></body>
|
|
|
|
|
<script>
|
|
|
|
|
var pattern = freesewing_patterns_brian;
|
|
|
|
|
pattern.settings.measurements = {
|
|
|
|
|
bicepsCircumference: 305,
|
|
|
|
|
centerBackNeckToWaist: 495,
|
|
|
|
|
chestCircumference: 965,
|
|
|
|
|
hipsCircumference: 838,
|
|
|
|
|
naturalWaistToHip: 110,
|
|
|
|
|
neckCircumference: 391,
|
|
|
|
|
shoulderSlope: 49,
|
|
|
|
|
shoulderToShoulder: 444,
|
|
|
|
|
shoulderToWrist: 680,
|
|
|
|
|
wristCircumference: 185
|
|
|
|
|
};
|
|
|
|
|
pattern.draft();
|
|
|
|
|
document.getElementById("svg").innerHTML = pattern.render();
|
2018-07-16 15:21:26 +00:00
|
|
|
function pointHover(evt) {
|
|
|
|
|
var point = evt.target;
|
|
|
|
|
var id = point.id;
|
|
|
|
|
var cx = point.getAttribute('x');
|
|
|
|
|
var cy = point.getAttribute('y');
|
|
|
|
|
console.log('Point '+id+' ( '+cx+' , '+cy+' )');
|
|
|
|
|
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);
|
|
|
|
|
}
|
|
|
|
|
console.log(pattern.parts.backBlock.points);
|
2018-07-16 09:07:51 +02:00
|
|
|
</script>
|
|
|
|
|
</html>
|
|
|
|
|
|
