2

Teria como construir com JavaScript uma interface de manipulação de imagens parecida com a do Word, que tem a opção de aumentar a imagem ou diminuir com o mouse?

5
  • Redimensionar para um tamanho fixo no código, ou sendo o próprio utilizador da página a redimensionar estilo Word?
    – Isac
    Commented 20/07/2017 às 20:54
  • sendo o próprio utilizador da página a redimensionar estilo Word
    – George
    Commented 20/07/2017 às 20:54
  • O próprio jquery UI tem funcionalidade para isso com $("#omeuimg").resizable();
    – Isac
    Commented 20/07/2017 às 20:58
  • cara não deu certo
    – George
    Commented 20/07/2017 às 21:01
  • Para funcionar tem de incluir a biblioteca de Jquery UI caso ainda não o esteja a fazer, como indica nos exemplos, que é diferente de Jquery normal só
    – Isac
    Commented 20/07/2017 às 21:04

1 Resposta 1

3

É muito trabalhoso fazer isso manualmente. Existe uma propriedade CSS que resolve isso, mas só permite puxar pra aumentar a imagem pelo canto inferior direito, e ainda tem suporte limitado. Mas é interessante:

div {
  width: 200px;
  resize: both;
  overflow: auto;
}

img {
  width: 100%;
}
<div>
  <img src="https://tctechcrunch2011.files.wordpress.com/2015/04/codecode.jpg?w=738">
</div>
<p>Puxe o canto inferior direito da imagem</p>

Pra garantir suporte completo e mais funcionalidades, só construindo na mão ou usando uma biblioteca.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .