This commit is contained in:
qrhlhplhp 2022-11-01 15:23:00 +09:00
commit 4518964968
3 changed files with 6 additions and 7 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -15,4 +15,4 @@
<h3 id="text"></h3> <h3 id="text"></h3>
</body> </body>
<script src="main.js"></script> <script src="main.js"></script>
</html> </html>

View File

@ -10,9 +10,9 @@
<h1 id ="head">This is a PAIN TOOL</h1> <h1 id ="head">This is a PAIN TOOL</h1>
<button id="save">Save the picture</button> <button id="save">Save the picture</button>
<input type="color" id="colorele"> <input type="color" id="colorele">
<input type="range" id ="rangele" min="1" max="500" value="50"> <input type="range" id ="rangele" min="1" max="50" value="10">
<div style="margin-bottom: 5vh; margin-top: 5vh;"><button id="button">T</button></div> <div style="margin-bottom: 5vh; margin-top: 5vh;"><button id="button">T</button></div>
<canvas id="canvas" style="width:90vw ; border:5px solid black;"></canvas> <canvas id="canvas" style="width:90vw ; border:5px solid black;"></canvas>
</body> </body>
<script src="main.js"></script> <script src="main.js"></script>
</html> </html>

View File

@ -12,7 +12,7 @@ let x = 0;
let y = 0; let y = 0;
let t =false; let t =false;
let color = "#000000"; let color = "#000000";
let bold = 50; let bold = 10;
let image = new Image(); let image = new Image();
canvas.width = 1920; canvas.width = 1920;
@ -60,7 +60,6 @@ const end = e => {
colorele.addEventListener('change', e => { colorele.addEventListener('change', e => {
color = e.target.value; color = e.target.value;
}); });
rangele.addEventListener('change', e => { rangele.addEventListener('change', e => {
bold = e.target.value; bold = e.target.value;
}); });
@ -125,4 +124,4 @@ function fixPosY(posY){
} }
function pain(){ function pain(){
ctx.drawImage(image, 0, 0, canvas.width, canvas.height); ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
} }