-
polygon、defs、linearGradient 繪制形狀：polygon，這是SVG中定義的基本形狀，可以通過polygon的points繪制出多邊形組成的坐標點，points屬性定義多邊形每個角的x和y坐標。多邊形至少要3個邊，所一points至少要定義3組坐標才能創建一個三角圖形 填充顏色：默認svg會用黑色填充,一般可以通過fill填充顏色，同時svg也是dom節點也可以通過style直接用樣式屬性設計元素的樣式。 linearGradient元素即可定義線性漸變，每一個漸變色成分使用stop元素定義 <linearGradient id="star" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#FCF0BC"></stop> <stop offset="100%" stop-color="#FCF0BC"></stop> </linearGradient> 1、漸變元素必須放到defs元素中； 2、需要給漸變色元素設置id值，否則的話，別的元素無法使用這個漸變色 3、漸變色的成員使用stop定義，他的屬性也可以使用css定義；他支持class、id這種標準HTML都支持的屬性。其他常用屬性如下：offset屬性（這個定義了該成員色的作用范圍，該屬性取值從0%到100%；通常第一種顏色都是設置為0%，最后一種設置為100%） 4、漸變色的使用，直接使用url(#id)的形式復制給fill或者stroke就可以了查看全部
-
var audio = new Audio(url);//創建一個音頻對象并傳入地址 audio.loop = loop || false;//是否循環 audio.play();//開始播放 var audio1 = HTML5Audio(playURL); audio1.end(function(){ Html5Audio(cycleURL.true); })查看全部
-
var cvs = document.getElementById('cvs'); var ctx = cvs.getContext('2d'); //畫一條直線 ctx.moveTo(50,50); ctx.lineTo(200,200); ctx.stroke();查看全部
-
創建一個觀察者對象： var observer = new Obserber(); 通過subscribe方法，實現一個事件的觀察 observer.subscribe("任務名"，處理函數) 通過publish觸發觀察時間，在任意時刻觸發了這個觀察的任務名，將會觸發這個事件訂閱subscribe方法 observer.publish("任務名") 取消事件訂閱，意味著不會執行 observer.unsubscribe("任務名") 觀察者使用場合就是：當以個對象的改變需要同時改變其它對象，并且它不知道具體有多少對象需要改變的時候，就應該考慮使用觀察者模式。光差者模式所做的工作就是在解耦，讓耦合的雙方都依賴于抽象，而不是依賴于具體。從而使得各自的變化都不會影響到另一邊的變化。查看全部
-
var dtd=$.Deferred();//創建 dtd.resolve()//成功 dtd.then()//執行回調 dtd.then(function(){ //操作1 }).then(function(){ //操作2 }).then(function(){ //操作3 })查看全部
-
animation: name duration timing-function delay iteration-count direction fill-mode;查看全部
-
CSS3的Animation有八個屬性 animation-name ：動畫名 animation-duration：時間 animation-delay：延時 animation-iteration-count：次數 animation-direction：方向 animation-play-state：控制 animation-fill-mode：狀態 animation-timing-function：關鍵幀變化查看全部
-
//綁定瀏覽器縮放與加載時間 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false);查看全部
-
Animation -name Animation duration查看全部
-
//綁定瀏覽器縮放與加載時間 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false);查看全部
-
rem是什么？ rem和em單位一樣，都是一個相對單位,不同的是em是相對于元素的父元素的font-size進行計算,rem是相對于根元素html的font-size進行計算,這樣一來rem就繞開了復雜的層級關系，實現了類似于em單位的功能。默認情況下瀏覽器給的字體大小是16px，按照轉化關系 16px = 1rem查看全部
-
一.技術分解查看全部
-
編程思路： 1.rem的布局 2.幀動畫的原理 3.面向對象的編程 4..設計模式和異步代碼梳理 5.canvas繪圖、svg繪圖 6.精靈動畫的實現及如何營造3d效果查看全部
-
perspective(length) 為一個元素設置三維透視的距離。僅作用于元素的后代，而不是其元素本身。查看全部
-
總結：呈現3d效果需要3部分 父元素或者當前運動元素上設置透視角perspective，perspective屬性的值決定了3D效果的強度 3D視圖，設置在父元素上，子元素都可以相對與父元素的平面進行3d變形操作 3D變形函數，translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
舉報
0/150
提交
取消