aboutsummaryrefslogtreecommitdiffstats
path: root/src/pattern.js
blob: 80985c81237a70314b7ed25d8f6ef851d2fdf267 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
SVG.Pattern = function Pattern(type) {
  this.constructor.call(this, SVG.create('pattern'));
  
  /* set unique id */
  this.id = 'svgjs_' + (SVG.did++);
  this.attr('id', this.id);
};

// Inherit from SVG.Element
SVG.Pattern.prototype = new SVG.Element();

// Include the container object
SVG.extend(SVG.Pattern, SVG.Container);

//
SVG.extend(SVG.Pattern, {
  // Return the fill id
  fill: function() {
    return 'url(#' + this.id + ')';
  }
  
});

//
SVG.extend(SVG.Defs, {
  
  /* define gradient */
  pattern: function(width, height, block) {
    var element = this.put(new SVG.Pattern());
    
    /* invoke passed block */
    block(element);
    
    return element.attr({
      x:            0,
      y:            0,
      width:        width,
      height:       height,
      patternUnits: 'userSpaceOnUse'
    });
  }
  
});