Plugin en javascript que permita crear una aplicacion de dibujo en canvas facilmente (solo es un archivo js)
Detalles tecnicos:
-Cuando el usuario final de click sobre el canvas hasta que suelte el mouse o este salga del canvas, la figura dibujada debe ser tratada como una entidad que podria ser seleccionada y posteriormente redimencionada o arrastrada a un lugar diferente o eliminada.
-Los botones de seleccion de color y tamaño deben estar dentro del canvas, por lo que solo se destinara el area restante para el dibujo.
-adicional a los botones basicos de color y tamaño, deben poderse crear botones con imagenes en .jpg que que al dar click sobre ellos se cree una copia de la imagen que sea arrastrable, redimencionable y eliminable en cualquier momento que el usuario la seleccione (en otras palabras debe trarse de una entidad igual a un dibujo hecho por el usuario solo que en este caso es un dibujo predeterminado por el desarrollador que usa el plugin.
-El plugin debe poderse inicializar entregandole un objeto con atributos como el siguiente:
DrawingPlugin({
elementId:'canvas1',
drawingSize: [x,y],
borderColor: 'red',
buttonSizes: [x,y],
buttonQuantityPerRow: 2,
butonLocation: 'left',
buttons: [ {type: 'pencil'}, {type: 'img', src:'ImgObj'}, {type:'pencilColor', 'green'}, {'type':'pencilSize', 'size': 3 }]
})
en el ejemplo anterior el resultado deberi ser que el objeto html con id canvas1 se convierta automaticamente en un elemento para dibujar con 4 botones, uno de ellos seria arrastrable como figura sobre la parte del canvas destinada para dibujar y los otros tres seria los botones estandar de dibijo color y tamaño del trazo.