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

View File

@ -10,9 +10,9 @@
<h1 id ="head">This is a PAIN TOOL</h1>
<button id="save">Save the picture</button>
<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>
<canvas id="canvas" style="width:90vw ; border:5px solid black;"></canvas>
</body>
<script src="main.js"></script>
</html>
</html>

View File

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