Maison > Article > interface Web > Comment utiliser Canvas pour réaliser l'interaction entre la balle et la souris
Comment utiliser Canvas pour réaliser l'interaction entre la balle et la souris
- php中世界最好的语言original
- 2017-11-24 14:55:242940parcourir
Cette fois, je vais vous montrer comment utiliser toile pour réaliser l'interaction entre la balle et la souris. Comment utiliser la toile pour réaliser l'interaction entre la balle et la souris. à quoi sert la réalisation de l'interaction entre la balle et la souris à l'aide de la toile ? Au niveau de l'aspect, faisons d'abord un petit cas
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>canvas实现小球和鼠标的互动</title>
<meta name="keywords" content=" canvas实现小球和鼠标的互动" />
<meta name="description" content=" canvas实现小球和鼠标的互动" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<canvas id="nodes" width="400" height="400"></canvas>
<script src='http://www.5iweb.com.cn/statics/js/jquery.1.7.1.min.js'></script>
<script src='http://www.5iweb.com.cn/statics/js/jquery.easing.js'></script>
<script src="js/index.js"></script>
</body>
</html>
Css部分：
canvas {
margin: -60px auto;
}C'est tout pour l'interaction entre la petite balle réalisée en toile et la souris. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !
Lecture connexe :
Quels sont les nouveaux attributs d'arrière-plan en CSS3
Comment créer une boîte flexible en CSS3
Comment créer une mise en page réactive avec CSS3
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!