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?
1 Resposta
É 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.
$("#omeuimg").resizable();