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
94
95
96
97
98
99
100
|
import {
adopt,
nodeOrNew,
register,
wrapWithAttrCheck
} from '../utils/adopter.js'
import { ns, svgjs, xlink, xmlns } from '../modules/core/namespaces.js'
import { registerMethods } from '../utils/methods.js'
import Container from './Container.js'
import Defs from './Defs.js'
import { globals } from '../utils/window.js'
export default class Svg extends Container {
constructor ( node ) {
super( nodeOrNew( 'svg', node ), node )
this.namespace()
}
isRoot () {
return !this.node.parentNode
|| !( this.node.parentNode instanceof globals.window.SVGElement )
|| this.node.parentNode.nodeName === '#document'
}
// Check if this is a root svg
// If not, call docs from this element
root () {
if ( this.isRoot() ) return this
return super.root()
}
// Add namespaces
namespace () {
if ( !this.isRoot() ) return this.root().namespace()
return this
.attr( { xmlns: ns, version: '1.1' } )
.attr( 'xmlns:xlink', xlink, xmlns )
.attr( 'xmlns:svgjs', svgjs, xmlns )
}
// Creates and returns defs element
defs () {
if ( !this.isRoot() ) return this.root().defs()
return adopt( this.node.getElementsByTagName( 'defs' )[0] )
|| this.put( new Defs() )
}
// custom parent method
parent ( type ) {
if ( this.isRoot() ) {
return this.node.parentNode.nodeName === '#document'
? null
: adopt( this.node.parentNode )
}
return super.parent( type )
}
clear () {
// remove children
while ( this.node.hasChildNodes() ) {
this.node.removeChild( this.node.lastChild )
}
return this
}
}
registerMethods( {
Container: {
// Create nested svg document
nested: wrapWithAttrCheck( function () {
return this.put( new Svg() )
} )
}
} )
register( Svg, 'Svg', true )
|