dps_canvas/src/utils/cursor.js

Html canvas üzerinde şekiller oluşturmanızı sağlar

import Base from "../parent";

const directions = {
  "top-left": "nw-resize",
  "top-right": "ne-resize",
  "bottom-left": "sw-resize",
  "bottom-right": "se-resize",
  "top": "n-resize",
  "left": "w-resize",
  "bottom": "s-resize",
  "right": "e-resize",
}

export function cursor() {
  Base.context.canvas.style.cursor = "auto"
  if (!Base.isCreating) return

  if (Base.isResizeable) {
    Base.context.canvas.style.cursor = directions[Base.direction]
  } else if (Base.isMoving) {
    Base.context.canvas.style.cursor = "move"
  }
}