Download Ability

[anonrig]

Is it possible to download the filtered version of the image using cssco?

[laurenwaller]

Hi @anonrig, it's currently not possible, the only way you could do it is with a screenshot (which is a bit of a hack). But we will definitely consider implementing that :) Thanks for getting in touch!

[anonrig]

I found a great fiddle about this.

https://jsfiddle.net/8ypxW/3/

@laurenwaller

[benydc]

I find this best works with dom-to-image package, it copies all the css styles from parent div node. I use it like this and receive the dataURI for the filter image:

this.imageReference.onload = () => {
      var div = document.createElement("div");
      div.className = "cssco cssco--b5";
      div.appendChild(this.imageReference.cloneNode());
      domtoimage.toJpeg(div, { width: 900, height: 600, quality: 1.0 })
        .then((dataUrl) => {
          console.log(dataUrl);
        });

    };

    this.imageReference.src = "image.jpeg"