[READ-ONLY] Mirror of https://github.com/probablykasper/canvas-experiments. Just me learning to use HTML canvas canvas-experiments.kasper.space
canvas html5-canvas website
0

Configure Feed

Select the types of activity you want to include in your feed.

Small conveniences

KH (Jun 25, 2017, 10:08 PM +0200) beba13f4 410d7889

+3 -2
+1 -1
8/main.js
··· 108 108 }); 109 109 done.addEventListener("click", function() { 110 110 var img = canvas.toDataURL("image/png"); 111 - imgDiv.style.backgroundColor = "rgba(0, 0, 0, 0.5)"; 111 + imgDiv.style.backgroundColor = "rgba(0, 0, 0, 1)"; 112 112 imgDiv.style.pointerEvents = "all"; 113 113 imgDOM.src = img; 114 114 console.log(img);
+1 -1
css/home.css
··· 14 14 15 15 body.eight canvas { touch-action: none; width: 100%; height: 100%; transform: initial; top: initial; left: initial; cursor: default; } 16 16 17 - body.eight .icons { display: flex; justify-content: space-between; } 17 + body.eight .icons { display: flex; justify-content: space-between; -webkit-tap-highlight-color: none; } 18 18 19 19 body.eight .icons div { width: 48px; height: 48px; margin: 10px; border-radius: 100px; background-repeat: no-repeat; background-size: 24px; background-position: center; transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; opacity: 0.8; } 20 20
+1
css/home.sass
··· 45 45 .icons 46 46 display: flex 47 47 justify-content: space-between 48 + -webkit-tap-highlight-color: none 48 49 div 49 50 width: 48px 50 51 height: 48px