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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
|
import { dots, reference } from './regex.js'
export function isNulledBox (box) {
return !box.w && !box.h && !box.x && !box.y
}
export function domContains (node) {
return (document.documentElement.contains || function (node) {
// This is IE - it does not support contains() for top-level SVGs
while (node.parentNode) {
node = node.parentNode
}
return node === document
}).call(document.documentElement, node)
}
export function pathRegReplace (a, b, c, d) {
return c + d.replace(dots, ' .')
}
// creates deep clone of array
export function arrayClone (arr) {
var clone = arr.slice(0)
for (var i = clone.length; i--;) {
if (Array.isArray(clone[i])) {
clone[i] = arrayClone(clone[i])
}
}
return clone
}
// tests if a given selector matches an element
export function matcher (el, selector) {
return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector)
}
// Convert dash-separated-string to camelCase
export function camelCase (s) {
return s.toLowerCase().replace(/-(.)/g, function (m, g) {
return g.toUpperCase()
})
}
// Capitalize first letter of a string
export function capitalize (s) {
return s.charAt(0).toUpperCase() + s.slice(1)
}
// Ensure to six-based hex
export function fullHex (hex) {
return hex.length === 4
? [ '#',
hex.substring(1, 2), hex.substring(1, 2),
hex.substring(2, 3), hex.substring(2, 3),
hex.substring(3, 4), hex.substring(3, 4)
].join('')
: hex
}
// Component to hex value
export function compToHex (comp) {
var hex = comp.toString(16)
return hex.length === 1 ? '0' + hex : hex
}
// Calculate proportional width and height values when necessary
export function proportionalSize (element, width, height) {
if (width == null || height == null) {
var box = element.bbox()
if (width == null) {
width = box.width / box.height * height
} else if (height == null) {
height = box.height / box.width * width
}
}
return {
width: width,
height: height
}
}
// Map matrix array to object
export function arrayToMatrix (a) {
return { a: a[0], b: a[1], c: a[2], d: a[3], e: a[4], f: a[5] }
}
// Add centre point to transform object
export function ensureCentre (o, target) {
o.cx = o.cx == null ? target.bbox().cx : o.cx
o.cy = o.cy == null ? target.bbox().cy : o.cy
}
// PathArray Helpers
export function arrayToString (a) {
for (var i = 0, il = a.length, s = ''; i < il; i++) {
s += a[i][0]
if (a[i][1] != null) {
s += a[i][1]
if (a[i][2] != null) {
s += ' '
s += a[i][2]
if (a[i][3] != null) {
s += ' '
s += a[i][3]
s += ' '
s += a[i][4]
if (a[i][5] != null) {
s += ' '
s += a[i][5]
s += ' '
s += a[i][6]
if (a[i][7] != null) {
s += ' '
s += a[i][7]
}
}
}
}
}
}
return s + ' '
}
// Add more bounding box properties
export function fullBox (b) {
if (b.x == null) {
b.x = 0
b.y = 0
b.width = 0
b.height = 0
}
b.w = b.width
b.h = b.height
b.x2 = b.x + b.width
b.y2 = b.y + b.height
b.cx = b.x + b.width / 2
b.cy = b.y + b.height / 2
return b
}
// Get id from reference string
export function idFromReference (url) {
var m = (url || '').toString().match(reference)
if (m) return m[1]
}
// Create matrix array for looping
export let abcdef = 'abcdef'.split('')
export function closeEnough (a, b, threshold) {
return Math.abs(b - a) < (threshold || 1e-6)
}
// move this to static matrix method
export function isMatrixLike (o) {
return (
o.a != null ||
o.b != null ||
o.c != null ||
o.d != null ||
o.e != null ||
o.f != null
)
}
export function getOrigin (o, element) {
// Allow origin or around as the names
let origin = o.origin // o.around == null ? o.origin : o.around
let ox, oy
// Allow the user to pass a string to rotate around a given point
if (typeof origin === 'string' || origin == null) {
// Get the bounding box of the element with no transformations applied
const string = (origin || 'center').toLowerCase().trim()
const { height, width, x, y } = element.bbox()
// Calculate the transformed x and y coordinates
let bx = string.includes('left') ? x
: string.includes('right') ? x + width
: x + width / 2
let by = string.includes('top') ? y
: string.includes('bottom') ? y + height
: y + height / 2
// Set the bounds eg : "bottom-left", "Top right", "middle" etc...
ox = o.ox != null ? o.ox : bx
oy = o.oy != null ? o.oy : by
} else {
ox = origin[0]
oy = origin[1]
}
// Return the origin as it is if it wasn't a string
return [ ox, oy ]
}
|
