Wie man die Leinwand nutzt, um die Interaktion zwischen Ball und Maus zu realisieren-CSS-Tutorial-php.cn

Wie man die Leinwand nutzt, um die Interaktion zwischen Ball und Maus zu realisieren

php中世界最好的语言

Freigeben： 2017-11-24 14:55:24

Original

2927 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie Leinwand verwenden, um die Interaktion zwischen Ball und Maus zu realisieren. Worauf Sie achten sollten Wenn wir die Interaktion zwischen dem Ball und der Maus mithilfe von Leinwand realisieren möchten, erstellen wir zunächst einen kleinen Fall.

<!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=&#39;http://www.5iweb.com.cn/statics/js/jquery.1.7.1.min.js&#39;></script>
<script src=&#39;http://www.5iweb.com.cn/statics/js/jquery.easing.js&#39;></script>
    <script src="js/index.js"></script>
</body>
</html>
Css部分：
canvas {
  margin: -60px auto;
}

Nach dem Login kopieren

Das ist alles für die Interaktion zwischen dem kleinen Ball aus Leinwand und der Maus. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Welche neuen Hintergrundattribute gibt es in CSS3

So erstellen Sie eine flexible Box in CSS3

So erstellen Sie ein responsives Layout mit CSS3

Das obige ist der detaillierte Inhalt vonWie man die Leinwand nutzt, um die Interaktion zwischen Ball und Maus zu realisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!