MouseTracking.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import { bind } from 'min-dash';
  2. export default function MouseTracking(eventBus, canvas) {
  3. this._eventBus = eventBus;
  4. this._canvas = canvas;
  5. this._init();
  6. }
  7. MouseTracking.$inject = [
  8. 'eventBus',
  9. 'canvas'
  10. ];
  11. MouseTracking.prototype.getHoverContext = function() {
  12. var viewbox = this._canvas.viewbox();
  13. return {
  14. element: this._hoverElement,
  15. point: {
  16. x: viewbox.x + Math.round(this._mouseX / viewbox.scale),
  17. y: viewbox.y + Math.round(this._mouseY / viewbox.scale)
  18. }
  19. };
  20. };
  21. MouseTracking.prototype._init = function() {
  22. var eventBus = this._eventBus,
  23. canvas = this._canvas;
  24. var container = canvas.getContainer();
  25. this._setMousePosition = bind(this._setMousePosition, this);
  26. container.addEventListener('mousemove', this._setMousePosition);
  27. eventBus.on('diagram.destroy', function() {
  28. container.removeEventListener('mousemove', this._setMousePosition);
  29. }, this);
  30. eventBus.on('element.hover', this._setHoverElement, this);
  31. };
  32. MouseTracking.prototype._setHoverElement = function(event) {
  33. this._hoverElement = event.element;
  34. };
  35. MouseTracking.prototype._setMousePosition = function(event) {
  36. this._mouseX = event.layerX;
  37. this._mouseY = event.layerY;
  38. };