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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
/**
* Implements abstract vector canvas.
* @constructor
* @param {HTMLElement} container Container to put element to.
* @param {Number} width Width of canvas.
* @param {Number} height Height of canvas.
*/
jvm.AbstractCanvasElement = function(container, width, height){
this.container = container;
this.setSize(width, height);
this.rootElement = new jvm[this.classPrefix+'GroupElement']();
this.node.appendChild( this.rootElement.node );
this.container.appendChild(this.node);
}
/**
* Add element to the certain group inside of the canvas.
* @param {HTMLElement} element Element to add to canvas.
* @param {HTMLElement} group Group to add element into or into root group if not provided.
*/
jvm.AbstractCanvasElement.prototype.add = function(element, group){
group = group || this.rootElement;
group.add(element);
element.canvas = this;
}
/**
* Create path and add it to the canvas.
* @param {Object} config Parameters of path to create.
* @param {Object} style Styles of the path to create.
* @param {HTMLElement} group Group to add path into.
*/
jvm.AbstractCanvasElement.prototype.addPath = function(config, style, group){
var el = new jvm[this.classPrefix+'PathElement'](config, style);
this.add(el, group);
return el;
};
/**
* Create circle and add it to the canvas.
* @param {Object} config Parameters of path to create.
* @param {Object} style Styles of the path to create.
* @param {HTMLElement} group Group to add circle into.
*/
jvm.AbstractCanvasElement.prototype.addCircle = function(config, style, group){
var el = new jvm[this.classPrefix+'CircleElement'](config, style);
this.add(el, group);
return el;
};
/**
* Create circle and add it to the canvas.
* @param {Object} config Parameters of path to create.
* @param {Object} style Styles of the path to create.
* @param {HTMLElement} group Group to add circle into.
*/
jvm.AbstractCanvasElement.prototype.addImage = function(config, style, group){
var el = new jvm[this.classPrefix+'ImageElement'](config, style);
this.add(el, group);
return el;
};
/**
* Create text and add it to the canvas.
* @param {Object} config Parameters of path to create.
* @param {Object} style Styles of the path to create.
* @param {HTMLElement} group Group to add circle into.
*/
jvm.AbstractCanvasElement.prototype.addText = function(config, style, group){
var el = new jvm[this.classPrefix+'TextElement'](config, style);
this.add(el, group);
return el;
};
/**
* Add group to the another group inside of the canvas.
* @param {HTMLElement} group Group to add circle into or root group if not provided.
*/
jvm.AbstractCanvasElement.prototype.addGroup = function(parentGroup){
var el = new jvm[this.classPrefix+'GroupElement']();
if (parentGroup) {
parentGroup.node.appendChild(el.node);
} else {
this.node.appendChild(el.node);
}
el.canvas = this;
return el;
};
|
