Me pregunto cómo usar canvas en JS. Tengo las siguientes preguntas:
<img ... src="blob...">Ahora quiero obtener esta imagen en mi JS y luego modificarla (cambiar el tamaño, etc.). ¿Es blob src suficiente para hacer eso?
Cuando cambie el tamaño de la imagen con el lienzo, ¿dónde almacenar esa imagen redimensionada? ¿En el atributo de valor de la etiqueta de entrada o qué? ¿Cuál es la mejor práctica para cambiar el tamaño de la imagen en el frente antes de enviarla a través de la red? Esa entrada está en mi formulario, ya que quiero enviar esa imagen redimensionada a mi servidor y no desbordar mi red.
Además, ¿es posible pegar una marca de agua en esa imagen con JS?
¡Espero que lo hayas conseguido, y muchas gracias de antemano!
Puede descargar y almacenar su imagen como un objeto de imagen , no es necesario tenerlo en su html.
Puede dibujarlo en un lienzo usando la función dibujarImagen , que le permite dibujar la imagen con la proporción que elija. Puede usar la misma función para dibujar una marca de agua en el lienzo.
Una vez que esté satisfecho con la imagen en el lienzo, puede obtenerla como un blob usando la función toBlob y cargarla en su servidor