Merge branch 'main' of https://github.com/qrhlhplhp/webs
This commit is contained in:
commit
4518964968
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user