I'm using charts.js which has an option to add an attribute containing a base64 image of the canvas, like this:

```
animation: {
    onComplete: function(animation){
        document.querySelector('#myChart').setAttribute('href', this.toBase64Image());
    }
},

```

Here is the full working fiddle: <https://jsfiddle.net/0on3f7t7/>

When you inspect the canvas you can see a href attribute containing the image, so that works. But instead I need to display the image below the canvas. So, yes, there will be two charts on the screen, the canvas version and the image version.

I can't find an answer to this question anyway, and the documentation doesn't give any clues.