1 files changed, 71 insertions, 0 deletions
diff --git a/src/elements/Pattern.js b/src/elements/Pattern.js
new file mode 100644
index 0000000..9111837
--- /dev/null
+++ b/src/elements/Pattern.js
@@ -0,0 +1,71 @@
+import { nodeOrNew, register } from '../utils/adopter.js'
+import { registerMethods } from '../utils/methods.js'
+import Box from '../types/Box.js'
+import Container from './Container.js'
+import baseFind from '../modules/core/selector.js'
+
+export default class Pattern extends Container {
+  // Initialize node
+  constructor (node) {
+    super(nodeOrNew('pattern', node), Pattern)
+  }
+
+  // Return the fill id
+  url () {
+    return 'url(#' + this.id() + ')'
+  }
+
+  // Update pattern by rebuilding
+  update (block) {
+    // remove content
+    this.clear()
+
+    // invoke passed block
+    if (typeof block === 'function') {
+      block.call(this, this)
+    }
+
+    return this
+  }
+
+  // Alias string convertion to fill
+  toString () {
+    return this.url()
+  }
+
+  // custom attr to handle transform
+  attr (a, b, c) {
+    if (a === 'transform') a = 'patternTransform'
+    return super.attr(a, b, c)
+  }
+
+  targets () {
+    return baseFind('svg [fill*="' + this.id() + '"]')
+  }
+
+  bbox () {
+    return new Box()
+  }
+}
+
+registerMethods({
+  Container: {
+    // Create pattern element in defs
+    pattern (width, height, block) {
+      return this.defs().pattern(width, height, block)
+    }
+  },
+  Defs: {
+    pattern (width, height, block) {
+      return this.put(new Pattern()).update(block).attr({
+        x: 0,
+        y: 0,
+        width: width,
+        height: height,
+        patternUnits: 'userSpaceOnUse'
+      })
+    }
+  }
+})
+
+register(Pattern)