dps_canvas/src/utils/events.js

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

export const events = {
  click: "dps:click",
  drag: "dps:drag",
  resize: "dps:resize"
}

/**
 * Canvas üzerinde sağ tıklanırsa ve tıklanan koordinatlarda bir şekil varsa tetiklenir
 * 
 * @param {object} item click element
 * @returns {EventListener}
 */
export const customClick = item => new CustomEvent(events.click, {
  cancelable: true,
  detail: { item }
})

/**
 * Canvas üzerindeki şekillderden biri sürüklenmeye başladığında tetiklenir
 * 
 * @param {object} item 
 * @returns {EventListener}
 */
export const itemMoving = item => new CustomEvent(events.drag, {
  cancelable: true,
  detail: { item }
})

/**
 * Herhangi bir eleman boyutlandırılmaya çalışıldığında tetiklenir
 * 
 * @param {object} item 
 * @returns {EventListener}
 */
export const resize = item => new CustomEvent(events.resize, {
  cancelable: true,
  detail: { item }
})