Propiedad intelectual, piratería, “uso justo” y descarga de imágenes (9)

Finalizando esta serie de posts

La tercer alternativa es un poco más complicada pero nos enseña varias cosas. Consiste en:

  1. Vía el browser, cargar el recurso SVG.
  2. Click derecho y salvar la página (que en realidad salva sólo el SVG).
  3. Vía Terminal, localizar el archivo y renombrarlo a fallback.svg.
  4. Crear un archivo de extensión .html con el siguiente código:
    <!DOCTYPE html>
    <meta charset="utf-8">
    <canvas width="600" height="600"></canvas>
    <script>
    
    var canvas = document.querySelector("canvas"),
        context = canvas.getContext("2d");
    
    var image = new Image;
    image.src = "fallback.svg";
    image.onload = function() {
      context.drawImage(image, 0, 0);
    
      var a = document.createElement("a");
      a.download = "fallback.png";
      a.href = canvas.toDataURL("image/png");
      a.click();
    };
    
    </script>
    

    Importante tener presentas las dimensiones del área de dibujo (declaradas en la etiqueta <canvas>)

  5. Vía Terminal, desde el directorio en donde se tiene el archivo SVG, introducir:
    $ python -m SimpleHTTPServer 8008
  6. En el browser, ir a http://localhost:8008/fallback.html, desde donde puede salvarse la imagen mostrada usando el menú contextual.

Update 2019.06.25: Para Python 3, el comando del paso 5 debe ser:

$ python -m http.server 8008

Con esto concluyen esta serie de posts.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios .