some image

Codes and Tags

EaselJS Ejemplo de Drag and Drop

Etiquetas: , Blog, Web No comments

El Drag and Drop es una expresión muy utilizada hoy en día para referirse a ( Arrastrar y Soltar ). Por lo general se suelen arrastrar objetos para llevarlos de un lugar a otro, ya sea a una instancia en otra ventana, en alguna parte del navegador, en algún lugar del disco etc. Este ejemplo

Este ejemplo ilustra la forma de hacer un drag and drop con el Framework EaselJS. Dentro de las cosas básicas a tener en cuenta al momento de hacer el drag and drop se resaltan las siguientes :

  1. Utilizar la libreria de EaselJS.
  2. Crear los objetos para adicionarlos a un escenario el cual es la referencia de un canvas en html5.
  3. Habilitar el manejo del mouse : enableMouseOver.
  4. Realizar la implementación del pressHandler para que permita conocer las nuevas coordenadas de la figura(Shape). También hacer la implementació de tick para actualizar en el escenario las cordenadas una vez se suelte la figura
  5. No olvidar colocar la instrucción de : Ticker.addListener(window); quien será nuestro escuchador de eventos sobre la ventana.

Ver Demo drag and Drop

Ver Codigo Fuente

Ejemplo de la visualización

Ejemplo EaselJS

Ejemplo EaselJS

 

About Edwin Torres

Related Posts

  • AngularJS Logo
  • JavaScript Logo
  • AngularJS Logo
  • JavaScript 5

Add your comment