ChickenPaint_Be/index.html at main · satopian/ChickenPaint_Be · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no">

<title>litaChix testbed</title>

<script type="module" src="js/ChickenPaint.js"></script>
<link rel="stylesheet" href="chickenpaint/css/chickenpaint.css">
<style>
:not(input),div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>

</head>
<body>
    <h1>litaChix testbed</h1>
    <div id="chickenpaint-parent"></div>

<script>
document.addEventListener("DOMContentLoaded", () => {

    document.addEventListener('dblclick', (e)=>{ e.preventDefault()}, { passive: false });
    const chicken=document.querySelector('#chickenpaint-parent');
    chicken.addEventListener('contextmenu', (e)=>{
        e.preventDefault();
        e.stopPropagation();
    }, { passive: false });

    new ChickenPaint({
    uiElem: document.getElementById("chickenpaint-parent"),
    //loadImageUrl: "./uploaded.png",
    //loadChibiFileUrl: "./uploaded.chi",
    // saveUrl: "save.php",
    // postUrl: "posting.php",
    // exitUrl: "",
    allowDownload: true,
    resourcesRoot: "chickenpaint/",
    fullScreenMode: "auto"
    });
});
</script>

<p></p>
</body>
</html>