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
|
import { nodeOrNew, register, wrapWithAttrCheck } from '../utils/adopter.js'
import { registerMethods } from '../utils/methods.js'
import { xlink } from '../modules/core/namespaces.js'
import Path from './Path.js'
import PathArray from '../types/PathArray.js'
import Text from './Text.js'
import baseFind from '../modules/core/selector.js'
export default class TextPath extends Text {
// Initialize node
constructor (node) {
super(nodeOrNew('textPath', node), node)
}
// return the array of the path track element
array () {
var track = this.track()
return track ? track.array() : null
}
// Plot path if any
plot (d) {
var track = this.track()
var pathArray = null
if (track) {
pathArray = track.plot(d)
}
return (d == null) ? pathArray : this
}
// Get the path element
track () {
return this.reference('href')
}
}
registerMethods({
Container: {
textPath: wrapWithAttrCheck(function (text, path) {
// Convert to instance if needed
if (!(path instanceof Path)) {
path = this.defs().path(path)
}
// Create textPath
const textPath = path.text(text)
// Move text to correct container
textPath.parent().addTo(this)
return textPath
})
},
Text: {
// Create path for text to run on
path: wrapWithAttrCheck(function (track) {
var path = new TextPath()
// if track is a path, reuse it
if (!(track instanceof Path)) {
// create path element
track = this.root().defs().path(track)
}
// link textPath to path and add content
path.attr('href', '#' + track, xlink)
// add textPath element as child node and return textPath
return this.put(path)
}),
// Get the textPath children
textPath () {
return this.find('textPath')[0]
}
},
Path: {
// creates a textPath from this path
text: wrapWithAttrCheck(function (text) {
// Convert text to instance if needed
if (!(text instanceof Text)) {
text = new Text().addTo(this.parent()).text(text)
}
// Create textPath from text and path
const textPath = text.path(this)
textPath.remove()
// Transplant all nodes from text to textPath
let node
while ((node = text.node.firstChild)) {
textPath.node.appendChild(node)
}
return textPath.addTo(text)
}),
targets () {
return baseFind('svg [href*="' + this.id() + '"]')
}
}
})
TextPath.prototype.MorphArray = PathArray
register(TextPath)
|
