Biblioteca do editor de imagens Javascript [fechada]

O meu amigo e eu temos um plano para construir uma loja na internet. Uma das principais características da loja é a capacidade do cliente para projetar suas próprias coisas. Meu amigo tomou como exemplo o site da polyvore.

o ponto de ligação acima para uma página do editor. Em polyvore, o cliente pode arrastar e largar itens do lado direito para uma 'tela' no lado esquerdo da página. a imagem tem um manipulador simples para redimensionar, rodar e mover.

Esta é a principal característica que queremos alcancar. Eu quero saber se há alguma biblioteca JavaScript livre lá fora que forneça estas funcionalidades? Não precisamos de coisas muito avançadas, porque o objetivo não é fazer algo como aplicação Photoshop on-line. O editor polyvore tem a maioria das características que precisamos.

Author: Stephen Kennedy, 2009-12-03
Source

5 answers

Pixastic tem um editor de imagens Javascript simples que usa tela.

 6
Author: tokland, 2018-01-19 11:00:32
Quando se trata de transformações, os tecidos parecem muito bons. http://fabricjs.com/

Para efeitos, os CamanJS parecem dar muito controlo e também incluem filtros predefinidos: http://camanjs.com/examples/

 5
Author: Ostkontentitan, 2015-07-13 07:37:00

Se desenvolver a sua aplicação usando uma estrutura baseada em JavaScript completa, como Cappuccino ou SproutCore, Este tipo de manipulação de imagem leve deve ser trivial de implementar.

Se você quiser um pouco mais de flexibilidade com a implementação do site, vá com uma biblioteca menor como jQuery UI ou elementos de Interface (Essa é uma lista muito incompleta - Existem toneladas de bibliotecas semelhantes ao redor).

 1
Author: alunny, 2010-01-15 09:10:11

Pode usar Câmara Escura. é um editor de imagens simples e poderoso na web. você pode encontrá-lo a partir do link abaixo : https://mattketmo.github.io/darkroomjs/

 1
Author: Emad Armoun, 2017-09-29 04:24:47
Isto não será uma resposta completa, mas deve guiar-te. Ext-js tem um objeto chamado Ext.Dimensionável, http://www.extjs.com/deploy/dev/docs/?class=Ext.Resizable , você pode aplicá-lo em qualquer nó e ele irá adicionar pegas para redimensioná-lo. Isto não está presente em seu núcleo (jsquery-like) distribuição, você precisa da distribuição completa.

Rodar as imagens é bastante mais complicado, uma vez que não é suportado em todos os navegadores (o webkit permite a rotação através do css). O que eu sugiro é que você usar uma biblioteca de lona de navegação cruzada, como http://me.eae.net/projects/iecanvas/demo.html , que lhe permite rodar imagens que são desenhadas na tela. No entanto, você não pode realmente combinar os dois que eu mencionei, eu sugiro que você olhe para ambos para inspiração e rolar o seu próprio (a menos que alguém mais encontrar uma ferramenta que já faz isso)

 0
Author: Juan Mendes, 2010-01-15 19:10:59