VSinerva/freesewing
1
0
Fork 0
Code Activity

🚧 Work on examples

Browse source
This commit is contained in:
Joost De Cock 2019-05-21 20:24:14 +02:00
parent 284fd9c17d
commit 03d0cc4977
2 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

29
packages/examples/src/path_ops.js
View file

@ -1,9 +1,12 @@
export default part => {
let { Point, points, Path, paths } = part.shorthand();
let { Point, points, Path, paths, options } = part.shorthand();
const textClasses = label =>
options.focus === label ? "center text-xs fill-note" : "center text-xs";
points.A = new Point(10, 10)
.attr("data-text", "msg_move")
.attr("data-text-class", "center text-xs");
.attr("data-text", "Path.move()")
.attr("data-text-class", textClasses("move"));
points.B = new Point(70, 30);
points.BCp2 = new Point(40, 10);
points.C = new Point(90, -50);
@ -16,32 +19,32 @@ export default part => {
paths.line = new Path()
.move(points.A)
.line(points.B)
.attr("data-text", "msg_line")
.attr("data-text-class", "center text-xs");
.attr("data-text", "Path.line()")
.attr("data-text-class", textClasses("line"));
paths.curve = new Path()
.move(points.B)
.curve(points.BCp2, points.CCp1, points.C)
.attr("data-text", "msg_curve")
.attr("data-text-class", "center text-xs");
.attr("data-text", "Path.curve()")
.attr("data-text-class", textClasses("curve"));
paths._curve = new Path()
.move(points.C)
._curve(points.DCp, points.D)
.attr("data-text", "msg__curve")
.attr("data-text-class", "center text-xs");
.attr("data-text", "Path._curve()")
.attr("data-text-class", textClasses("_curve"));
paths.curve_ = new Path()
.move(points.D)
.curve_(points.ECp, points.E)
.attr("data-text", "msg_curve_")
.attr("data-text-class", "center text-xs");
.attr("data-text", "Path.curve_()")
.attr("data-text-class", textClasses("curve_"));
paths.close = new Path()
.move(points.E)
.line(points.A)
.attr("data-text", "msg_close")
.attr("data-text-class", "center text-xs");
.attr("data-text", "Path.close()")
.attr("data-text-class", textClasses("close"));
paths.example = paths.line
.join(paths.curve)