Any way to save the state of drawing pattern? about painterro

[ivictbor]

Hi @Rajan4436 ,
sorry for long response, I had no access to my PC so was not able to respond.
If I understand your task correctly you need to persist image between page loadings.

• You can get image as dataurl by calling painterroInstance.imageSaver.asDataURL().
• You can save it to localStorage, or to your backend, or using filesystem API, etc. (localStorage have some quota https://arty.name/localstorage.html, so it will not work for large images)
• then just pass dataurl to show method (show method accepts all types of URLs: plain like http://something/file.jpg or data data:...)
• I also added changeHandler param so you can define handler which will be fired after each change on canvas
  So it can look like this:

Painterro({
    changeHandler: function (state) {
      localStorage.setItem('painterroImage', this.imageSaver.asDataURL())
    }
  }).show(localStorage.getItem('painterroImage'));

Fiddle: https://jsfiddle.net/vanbrosh/zL4ay02c/1/
I think passing state as URL params does not sound like a good idea because state takes too much data to fit in URL. Painterro creates canvas snapshot for each change (common approach for raster editors) because it may have raster data parts (loaded, pasted from clipboard, etc). So as I mentioned before you can persist image to some storage. If you need you can associate some id with stored image and pass this id as route param.

[rajanverma-me]

Awesome