0
0
Fork 0
mirror of https://github.com/liabru/matter-js.git synced 2025-03-14 00:38:41 -04:00

Adds support for Mouse on SVG elements

SVG elements have `.width` and `.height` as SVGAnimatedLength types, and
we need to retrieve the current value from `.width.animVal.value`
This commit is contained in:
Spenser Jones 2019-01-31 11:03:31 -07:00
parent 306dc0241c
commit e994bd7b4f

View file

@ -182,6 +182,8 @@ var Common = require('../core/Common');
scrollX = (window.pageXOffset !== undefined) ? window.pageXOffset : rootNode.scrollLeft,
scrollY = (window.pageYOffset !== undefined) ? window.pageYOffset : rootNode.scrollTop,
touches = event.changedTouches,
elementWidth = element.width || element.clientWidth,
elementHeight = element.height || element.clientHeight,
x, y;
if (touches) {
@ -192,9 +194,14 @@ var Common = require('../core/Common');
y = event.pageY - elementBounds.top - scrollY;
}
if (elementWidth.animVal) {
elementWidth = elementWidth.animVal.value;
elementHeight = elementHeight.animVal.value;
}
return {
x: x / (element.clientWidth / (element.width || element.clientWidth) * pixelRatio),
y: y / (element.clientHeight / (element.height || element.clientHeight) * pixelRatio)
x: x / (element.clientWidth / elementWidth * pixelRatio),
y: y / (element.clientHeight / elementHeight * pixelRatio)
};
};