首頁  >  文章  >  web前端  >  用H5製作煙火粒子特效的製作方法

用H5製作煙火粒子特效的製作方法

php中世界最好的语言
php中世界最好的语言原創
2017-11-29 13:55:434991瀏覽

這次帶給大家用H5製作煙火粒子特效的製作方法,怎麼用H5來製作特效? H5製作煙火粒子特效的流程,H5製作煙火粒子特效的注意事項有哪些,一起來看看。

<!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="canvas">Canvas is not supported by your browser.</canvas>
    <script src="js/index.js"></script>
</body>
</html>
 
Css部分:
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: #000;
}
 
canvas {
  display: block;
  cursor: crosshair;
}

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!


相關閱讀:

HTML裡無法顯示背景顏色的解決方法

怎麼優化HTML網頁

Js取得取得樣式的常見方式

以上是用H5製作煙火粒子特效的製作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn