manipular - Biblioteca de editor de imágenes Javascript
manipular imagenes con javascript (5)
Mi amigo y yo tenemos planeado construir una tienda web. Una de las características principales de la tienda es la capacidad del cliente para diseñar sus propias cosas. Mi amigo tomó el sitio web de Polyvore como ejemplo.
El enlace anterior apunta a una página de editor. En Polyvore, el cliente puede arrastrar y soltar elementos del lado derecho a un "lienzo" en el lado izquierdo de la página. La imagen tiene un manejador simple para cambiar el tamaño, rotar y mover.
Esta es la característica principal que queremos lograr. Quiero saber si hay alguna biblioteca gratuita de JavaScript que ofrezca estas funciones. No necesitamos productos avanzados, porque el objetivo no es hacer algo como una aplicación de Photoshop en línea. El editor de Polyvore tiene la mayoría de las características que necesitamos.
Cuando se trata de transformaciones, fabricJS se ve muy bien: http://fabricjs.com/
Para efectos, CamanJS parece dar mucho control y también incluye filtros predefinidos: http://camanjs.com/examples/
Esta no será una respuesta completa, pero debería guiarte. Ext-js tiene un objeto llamado Ext.Resizable, http://www.extjs.com/deploy/dev/docs/?class=Ext.Resizable , puede aplicarlo a cualquier nodo y agregará asas para redimensionarlo. Esto no está presente en su distribución central (como jsquery), necesita la distribución completa.
Rotar las imágenes es bastante más complicado ya que no es compatible con todos los navegadores (el webkit permite la rotación a través de css). Lo que sugiero es que utilice una biblioteca de lienzos de navegador cruzado, como http://me.eae.net/projects/iecanvas/demo.html , que le permite rotar las imágenes dibujadas en el lienzo. Sin embargo, realmente no puedes combinar los dos que he mencionado, te sugiero que los busques en busca de inspiración y desarrolles la tuya (a menos que alguien más encuentre una herramienta que ya lo haga)
Puedes usar DarkRoom . Es un editor de imágenes simple y poderoso en la web. Puede encontrarlo en el siguiente enlace: https://mattketmo.github.io/darkroomjs/
Si desarrolla su aplicación utilizando un marco basado en JavaScript con todas las funciones, como Cappuccino o SproutCore , este tipo de manipulación ligera de imágenes debería ser trivial de implementar.
Si desea un poco más de flexibilidad con la implementación del sitio, vaya con una biblioteca más pequeña como jQuery UI o Interface Elements (que es una lista muy incompleta, hay un montón de bibliotecas similares).
Pixastic tiene un sencillo editor de imágenes Javascript que usa Canvas.