Pergunta

É possível dinamicamente criar e modificar imagens em um por nível de pixel em JavaScript no lado do cliente)?Ou tem isto a ser feito com o servidor de base de languaged, como o PHP?

Meu caso é o seguinte:

  • O usuário abre a página da web e cargas armazenadas localmente imagem
  • Uma pré-visualização da imagem é exibida
  • O usuário pode modificar a imagem com um conjunto de barras (nível de pixel de operações)
  • No final, ele pode fazer o download da imagem para seu disco rígido local

Quando pesquisando na web encontrei posts sobre o uso do IE método de filtragem, mas não encontrei nada sobre funções de edição de imagens em JavaScript.

Foi útil?

Solução

Isso tem que ser feito no lado do servidor.Uma coisa que você pode olhar em fazer é permitir que toda a edição para ir no lado do cliente e, em seguida, no final do POST, a imagem final (via AJAX) para o servidor para permitir-lo para devolvê-lo como o tipo MIME correto, e devidamente embalado.

Outras dicas

Alguns navegadores oferecem suporte a canvas:http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

Você pode querer verificar para fora Processing.js.John Resig de jQuery fama, escreveu ele.Ele suporta pixel processamento, infelizmente, apenas o Firefox 3 pode manipulá-lo suficientemente.

Veja também dados URIs (embora o IE versões abaixo de 8 não oferecem suporte a elas, infelizmente!)

Você pode imaginar um conjunto de JS ferramentas que irão permitir que o usuário defina qual o tipo de transformação que ele quer fazer, mas o trabalho final de transformação DEVE ser feito em um lado do servidor.JS no lado do cliente é possível criar um arquivo, por motivo de segurança.

Tente Allicorn da Imagem Retargetter - parece que é o que você está procurando.

Locais de manipulação de imagens em JavaScript deve ser possível ter um olhar para Defensor do Favicon.;-) A questão é como obter a imagem original do sistema de arquivos em sua página (que eu não sei de qualquer outro meio que fazendo um HTTP fazer o upload para o servidor pela primeira vez).

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top