html
html
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body onclick="a(event)">
<img id="img" width="220" height="227" src="http://s9.picofile.com/file/8332453434/PicsArt_07_15_06_00_21.png"> <br />
<canvas height="220px" width="227px" id="c" style="border:2px solid black;"></canvas>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function (){
var img = document.getElementById("img")
var canvas = document.getElementById("c")
var ctx = canvas.getContext("2d")
ctx.drawImage(img,20,10)
}
function a (event){
var x = event.clientX
var y = event.clientY
alert(x + " " + y)
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run