https://rondocoach.com/wp-content/plugins/formationTool/assets/js1/main.js?ver=12:29:12

1import loadFormationObject from './loadFormation.js'
2import domtoimage from './dom-to-image-more.js';
3import playFormationsObject from './playFormations.js';
4
5function downloadFormationFunction()
6{
7    var node = document.getElementById('Field');
8    ////playFormationsObject.downloadGif();
9    //console.log("button clicked");
10
11  
12    /*
13    const canvas = domtoimage.toCanvas(node).catch(function (error) {
14        console.error('oops, something went wrong!', error);
15    });
16
17console.log("canvas " + JSON.stringify(canvas));
18    console.log("canvas created");
19    // Optional frames per second argument.
20    const stream = canvas.captureStream();
21    const recordedChunks = [];
22
23    
24console.log(stream);
25const options = { mimeType: "video/webm; codecs=vp9" };
26const mediaRecorder = new MediaRecorder(stream, options);
27
28mediaRecorder.ondataavailable = handleDataAvailable;
29mediaRecorder.start();
30
31function handleDataAvailable(event) {
32    console.log("data-available");
33    if (event.data.size > 0) {
34      recordedChunks.push(event.data);
35      console.log(recordedChunks);
36      download();
37    } else {
38      // …
39    }
40  }
41  function download() {
42    const blob = new Blob(recordedChunks, {
43      type: "video/webm",
44    });
45    const url = URL.createObjectURL(blob);
46    const a = document.createElement("a");
47    document.body.appendChild(a);
48    a.style = "display: none";
49    a.href = url;
50    a.download = "test.webm";
51    a.click();
52    window.URL.revokeObjectURL(url);
53  }
54  
55  // demo: to download after 9sec
56  setTimeout((event) => {
57    console.log("stopping");
58    mediaRecorder.stop();
59  }, 9000);
60*/
61
62    domtoimage
63        .toPng(node)
64        .then(function (dataUrl) {
65            var img = new Image();
66            img.src = dataUrl;
67            //document.body.appendChild(img);
68
69            const downloadURI = (uri, name) => {
70                const link = document.createElement("a");

71                link.download = name;
72                link.href = uri;
73                document.body.appendChild(link);
74                link.click();
75                document.body.removeChild(link);
76            }
77            downloadURI(dataUrl, 'formation.png')
78
79        })
80        .catch(function (error) {
81            console.error('oops, something went wrong!', error);
82        });
83
84}
85
86// Assigning the function to the button's click event
87document.getElementById('playerCount').addEventListener('change', loadFormationObject.loadFormation);
88document.getElementById('colorMenu').addEventListener('change', loadFormationObject.loadFormation);
89document.getElementById('downloadFormation').addEventListener('click', downloadFormationFunction);
90document.getElementById('playFormation').addEventListener('click', playFormationsObject.playFormations);
91document.getElementById('addFormation').addEventListener('click', loadFormationObject.addFormation);
92
93loadFormationObject.loadFormation();
94
95//var canvas = document.getElementById('myCanvas');
96//const canvasElt = document.querySelector("canvas");
97//console.log("canvas " + JSON.stringify(canvasElt));