Moved convertPointFromPageToNode polyfill to utils
This commit is contained in:
parent
3b1ab1f392
commit
6767064ea7
92
lib/utils.js
92
lib/utils.js
@ -411,20 +411,96 @@ export class Points {
|
||||
}
|
||||
|
||||
static fromPageToNode(element, p) {
|
||||
if (window.webkitConvertPointFromPageToNode) {
|
||||
return window.webkitConvertPointFromPageToNode(element, new WebKitPoint(p.x, p.y))
|
||||
}
|
||||
//return window.convertPointFromPageToNode(element, p.x, p.y)
|
||||
// if (window.webkitConvertPointFromPageToNode) {
|
||||
// return window.webkitConvertPointFromPageToNode(element, new WebKitPoint(p.x, p.y))
|
||||
// }
|
||||
return convertPointFromPageToNode(element, p.x, p.y)
|
||||
}
|
||||
|
||||
static fromNodeToPage(element, p) {
|
||||
if (window.webkitConvertPointFromNodeToPage) {
|
||||
return window.webkitConvertPointFromNodeToPage(element, new WebKitPoint(p.x, p.y))
|
||||
}
|
||||
//return window.convertPointFromNodeToPage(element, p.x, p.y)
|
||||
// if (window.webkitConvertPointFromNodeToPage) {
|
||||
// return window.webkitConvertPointFromNodeToPage(element, new WebKitPoint(p.x, p.y))
|
||||
// }
|
||||
return convertPointFromNodeToPage(element, p.x, p.y)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var I = typeof WebKitCSSMatrix == 'undefined' ? new DOMMatrix() : new WebKitCSSMatrix()
|
||||
|
||||
function Point(x, y, z) {
|
||||
this.x = x
|
||||
this.y = y
|
||||
this.z = z
|
||||
}
|
||||
|
||||
Point.prototype.transformBy = function (matrix) {
|
||||
var tmp = matrix.multiply(I.translate(this.x, this.y, this.z))
|
||||
return new Point(tmp.m41, tmp.m42, tmp.m43)
|
||||
}
|
||||
|
||||
function createMatrix(transform) {
|
||||
try {
|
||||
return typeof WebKitCSSMatrix == 'undefined' ? new DOMMatrix(transform) : new WebKitCSSMatrix(transform)
|
||||
} catch (e) {
|
||||
console.warn(transform)
|
||||
console.warn(e.toString())
|
||||
return I
|
||||
}
|
||||
}
|
||||
|
||||
function getTransformationMatrix(element) {
|
||||
var transformationMatrix = I
|
||||
var x = element
|
||||
|
||||
while (x != undefined && x !== x.ownerDocument.documentElement) {
|
||||
var computedStyle = window.getComputedStyle(x, undefined)
|
||||
var transform = computedStyle.transform || 'none'
|
||||
var c = transform === 'none' ? I : createMatrix(transform)
|
||||
transformationMatrix = c.multiply(transformationMatrix)
|
||||
x = x.parentNode
|
||||
}
|
||||
|
||||
var w = element.offsetWidth
|
||||
var h = element.offsetHeight
|
||||
var i = 4
|
||||
var left = +Infinity
|
||||
var top = +Infinity
|
||||
while (--i >= 0) {
|
||||
var p = new Point(i === 0 || i === 1 ? 0 : w, i === 0 || i === 3 ? 0 : h, 0).transformBy(
|
||||
transformationMatrix
|
||||
)
|
||||
if (p.x < left) {
|
||||
left = p.x
|
||||
}
|
||||
if (p.y < top) {
|
||||
top = p.y
|
||||
}
|
||||
}
|
||||
var rect = element.getBoundingClientRect()
|
||||
transformationMatrix = I.translate(
|
||||
window.pageXOffset + rect.left - left,
|
||||
window.pageYOffset + rect.top - top,
|
||||
0
|
||||
).multiply(transformationMatrix)
|
||||
return transformationMatrix
|
||||
}
|
||||
|
||||
var convertPointFromPageToNode = function (element, pageX, pageY) {
|
||||
return new Point(pageX, pageY, 0).transformBy(getTransformationMatrix(element).inverse())
|
||||
}
|
||||
|
||||
var convertPointFromNodeToPage = function (element, offsetX, offsetY) {
|
||||
return new Point(offsetX, offsetY, 0).transformBy(getTransformationMatrix(element))
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* A helper class for common set operations.
|
||||
*
|
||||
|
Loading…
Reference in New Issue
Block a user