详情都在注释中。可以实现图片的随机切换
直接上代码:
<!--
作者:offline
时间:2021-09-22
描述:下列为需要用到的知识点:
1.canvas(图像的绘制,文本的绘制,定位)
2.随机函数Matah.random---向上取整ceil
3.4个事件--(onmousedown,onmousemove,onmouseup,onLoad)
4.鼠标事件对象的两个属性(pageX,pageY 用于获取鼠标的位置)
5.offsetLeft和offsetTop:分别为当前盒子距离包含在最近盒子的距离.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#canvas {
position: absolute;
left: 20%;
top: 10%;
}
#canvasbox {
position: absolute;
left: 20%;
top: 10%;
}
#changImage {
position: absolute;
left: 57%;
top: 5%;
}
button {
cursor: pointer;
height: