quaSoft Stages 13是一款專業(yè)性非常強的電腦端多媒體動畫制作軟件,軟件功能強大,提供全面的動畫圖片處理功能,讓用戶可以輕松的制作自己喜歡的動畫,完全可以滿足所有用戶的使用需求,支持視頻、背景音樂、特效等等內容,并且支持一鍵添加,方便快捷,完美的制作一個優(yōu)質的動畫,需要的歡迎下載使用。
AquaSoft Stages13多媒體動畫制作:https://soft.macxf.com/soft/395.html?id=Mjk4Njk%3D
特色
者:semlinker
轉發(fā)鏈接:https://mp.weixin.qq.com/s/p0U8sVLtWd78CLc8kM22FQ
D3 的全稱是(Data-Driven Documents),顧名思義可以知道是一個被數(shù)據驅動的文檔。聽名字有點抽象,說簡單一點,其實就是一個 JavaScript 的函數(shù)庫,使用它主要是用來做數(shù)據可視化的。
現(xiàn)在有一組數(shù)據, 【 4 , 32 , 15 , 16 , 42 , 25 】 ,你能一眼看出它們的大小關系嗎?當然這里的數(shù)據不算多,有那眼疾手快的家伙站出來說我能一眼看出來!但更直觀的是用圖形顯示,如下圖:
通過圖形的顯示,能很清楚地知道他們的大小關系。當然,D3能力遠不止如此,這只是一個很小的應用。把枯燥乏味復雜的數(shù)據,用簡單明了的圖形表示出來,這就是數(shù)據可視化。
D3 是一個開源項目,作者是紐約時報的工程師。D3 項目的代碼托管于 GitHub(一個開發(fā)管理平臺,目前已經是全世界最流行的代碼托管平臺,云集了來自世界各地的優(yōu)秀工程師)。
在 GitHub 上最受關注的項目有哪些呢?
JQuery 的名聲夠大了,但排名第 6,D3 排名第 5。
學習 D3 最好的地方是: http://d3js.org/ ,當然里面都是英文的。
D3 是一個 JavaScript 函數(shù)庫,并不需要通常所說的“安裝”。它只有一個文件,在 HTML 中引用即可。有兩種方法:
(1)下載 D3.js 的文件: d3.zip
解壓后,在 HTML 文件中包含相關的 js 文件即可。
(2)還可以直接包含網絡的鏈接,這種方法較簡單:
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
但使用的時候要保持網絡連接有效,不能再斷網的情況下使用。
下面是一個使用D3和CSS制作的光斑粒子交相輝映的動畫截圖,
動圖展示:
html代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="style.css"> <script src="https://d3js.org/d3.v5.min.js"></script> </head> <body> <div class='container'></div> <script src="script.js"></script> </body> </html>
D3關鍵代碼如下:
const COUNT=200; d3.select('.container') .selectAll('span') .data(d3.range(COUNT)) .enter() .append('span') .style('--x', ()=> d3.randomUniform(1, 99)()) .style('--y', ()=> d3.randomUniform(1, 99)()) .style('--n', d=> d) .style('--dark-color', (d)=> d3.color(`hsl(${70 + d * 0.1}, 100%, 50%)`))
CSS代碼由于太長,這里就不放上來了,需要完整CSS代碼的朋友可以留言或私信我,我看到之后會第一時間回復的。
*請認真填寫需求信息,我們會在24小時內與您取得聯(lián)系。