58 lines
1.3 KiB
JavaScript
58 lines
1.3 KiB
JavaScript
SVG.ClipPath = SVG.invent({
|
|
// Initialize node
|
|
create: function() {
|
|
this.constructor.call(this, SVG.create('clipPath'))
|
|
|
|
// keep references to clipped elements
|
|
this.targets = []
|
|
}
|
|
|
|
// Inherit from
|
|
, inherit: SVG.Container
|
|
|
|
// Add class methods
|
|
, extend: {
|
|
// Unclip all clipped elements and remove itself
|
|
remove: function() {
|
|
// unclip all targets
|
|
for (var i = this.targets.length - 1; i >= 0; i--)
|
|
if (this.targets[i])
|
|
this.targets[i].unclip()
|
|
this.targets = []
|
|
|
|
// remove clipPath from parent
|
|
this.parent().removeElement(this)
|
|
|
|
return this
|
|
}
|
|
}
|
|
|
|
// Add parent method
|
|
, construct: {
|
|
// Create clipping element
|
|
clip: function() {
|
|
return this.defs().put(new SVG.ClipPath)
|
|
}
|
|
}
|
|
})
|
|
|
|
//
|
|
SVG.extend(SVG.Element, {
|
|
// Distribute clipPath to svg element
|
|
clipWith: function(element) {
|
|
// use given clip or create a new one
|
|
this.clipper = element instanceof SVG.ClipPath ? element : this.parent().clip().add(element)
|
|
|
|
// store reverence on self in mask
|
|
this.clipper.targets.push(this)
|
|
|
|
// apply mask
|
|
return this.attr('clip-path', 'url("#' + this.clipper.attr('id') + '")')
|
|
}
|
|
// Unclip element
|
|
, unclip: function() {
|
|
delete this.clipper
|
|
return this.attr('clip-path', null)
|
|
}
|
|
|
|
}) |