Desarrollar plugin de dibujo en canvas

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.

JavaScript

项目ID： #7192211

关于项目