sparkles: Added snippet.attr and snippet.clone examples

packages/examples/config/index.js

@@ -54,6 +54,8 @@ export default {
     "point_rotate",
     "point_translate",
     "settings_sa",
+    "snippet_attr",
+    "snippet_clone",
     "utils_linesintersect",
     "utils_beamsintersect",
     "utils_beamintersectsx",

packages/examples/index.html

@@ -23,7 +23,7 @@
         .use(freesewing.plugins.validate)
       ;
 
-      pattern.settings.only = ['path_reverse'];
+      pattern.settings.only = ['snippet_clone'];
       pattern.draft();
       document.getElementById("svg").innerHTML = pattern.render();
 

packages/examples/src/index.js

@@ -63,6 +63,9 @@ import draftUtils_lineintersectscircle from "./utils_lineintersectscircle";
 
 import draftSettings_sa from "./settings_sa";
 
+import draftSnippet_attr from "./snippet_attr";
+import draftSnippet_clone from "./snippet_clone";
+
 // Constructor
 const Examples = function(settings) {
   freesewing.Pattern.call(this, config);
@@ -131,6 +134,9 @@ Examples.prototype.draftPoint_translate = draftPoint_translate;
 
 Examples.prototype.draftSettings_sa = draftSettings_sa;
 
+Examples.prototype.draftSnippet_attr = draftSnippet_attr;
+Examples.prototype.draftSnippet_clone = draftSnippet_clone;
+
 Examples.prototype.draftUtils_linesintersect = draftUtils_linesintersect;
 Examples.prototype.draftUtils_beamsintersect = draftUtils_beamsintersect;
 Examples.prototype.draftUtils_beamintersectsx = draftUtils_beamintersectsx;

packages/examples/src/snippet_attr.js

@@ -0,0 +1,12 @@
+import { box } from "./shared";
+
+export default part => {
+  let { Point, points, Snippet, snippets } = part.shorthand();
+
+  points.anchor = new Point(50, 15);
+  snippets.demo = new Snippet("logo", points.anchor)
+    .attr("data-scale", 0.8)
+    .attr("data-rotate", 180);
+
+  return box(part);
+};

packages/examples/src/snippet_clone.js

@@ -0,0 +1,14 @@
+import { box } from "./shared";
+
+export default part => {
+  let { Point, points, Snippet, snippets } = part.shorthand();
+
+  points.anchor = new Point(50, 15);
+  snippets.demo = new Snippet("logo", points.anchor)
+    .attr("data-scale", 0.8)
+    .attr("data-rotate", 180);
+
+  snippets.clone = snippets.demo.clone().attr("data-rotate", 90, true);
+
+  return box(part);
+};