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:

    <br />
    &amp;lt;!DOCTYPE html&amp;gt;<br />
    &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;<br />
    &amp;lt;canvas width=&quot;600&quot; height=&quot;600&quot;&amp;gt;&amp;lt;/canvas&amp;gt;<br />
    &amp;lt;script&amp;gt;</p>
    <p>var canvas = document.querySelector(&quot;canvas&quot;),<br />
        context = canvas.getContext(&quot;2d&quot;);</p>
    <p>var image = new Image;<br />
    image.src = &quot;fallback.svg&quot;;<br />
    image.onload = function() {<br />
      context.drawImage(image, 0, 0);</p>
    <p>  var a = document.createElement(&quot;a&quot;);<br />
      a.download = &quot;fallback.png&quot;;<br />
      a.href = canvas.toDataURL(&quot;image/png&quot;);<br />
      a.click();<br />
    };</p>
    <p>&amp;lt;/script&amp;gt;<br />
    

    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.

Deja un comentario

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