-
SVG是基于xml標記語言可縮放矢量圖形,支持無損縮放的同時也因為是dom節(jié)點,所以也支持事件,但是弊端也很明顯,dom的數(shù)量非常大,復雜度高,渲染就比較慢了,也不適合游戲的開發(fā),一般會用canvas之后會介紹 SVG有什么優(yōu)勢? ?文件體積小,能夠被大量的壓縮 ?圖片可無限放大而不失真(矢量圖的基本特征) ?在視網(wǎng)膜顯示屏上效果極佳 ?能夠實現(xiàn)互動和濾鏡效果查看全部
-
創(chuàng)建一個觀察者對象 var observer = new Observer(); 通過調用subscribe方法,實現(xiàn)一個事件的觀察 observer.subscribe("任務名",處理函數(shù)) 通過publish觸發(fā)觀察事件,在任意時刻觸發(fā)了這個觀察的任務名,將會觸發(fā)這個事件訂閱subscribe方法 observer.publish("任務名") 取消事件訂閱,意味著就不會執(zhí)行了 observer.unsubscribe("任務名")查看全部
-
結:呈現(xiàn)3d效果需要3部分 父元素或者當前運動元素上設置透視角perspective,perspective屬性的值決定了3D效果的強度 3D視圖,設置在父元素上,子元素都可以相對與父元素的平面進行3d變形操作 3D變形函數(shù),translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
e.target 是目標對象,e.event是目標所發(fā)生的事件。查看全部
-
querySelector() 方法返回文檔中匹配指定 CSS 選擇器的一個元素。 注意: querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素,請使用 querySelectorAll() 方法替代。查看全部
-
要想實現(xiàn)3D的效果,只需指定一個元素為容器并設置transform-style:preserve-3d,那么它的后代元素便會有3D效果查看全部
-
<script type="text/javascript"> var docEl = document.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //設置根字體大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //綁定瀏覽器縮放與加載時間 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>查看全部
-
animation中的step() 1、只有第一個參數(shù)的時候keyframes中的最后一個不計入動畫。 2、有第二個參數(shù): 第二個參數(shù)是start時,keyframes中的第一個不計入動畫; 第二個參數(shù)是end時,keyframes中的最后一個不計入動畫。查看全部
-
rem布局?查看全部
-
var docEl = document.documentElement, //當設備的方向變化(設備橫向持或縱向持)此事件被觸發(fā)。綁定此事件時, //注意現(xiàn)在當瀏覽器不支持orientationChange事件的時候我們綁定了resize 事件。 //總來的來就是監(jiān)聽當然窗口的變化,一旦有變化就需要重新設置根字體的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //設置根字體大小 docEl.style.fontSize = 20 * (docEl.clientWidth/320)+'px'; }; //綁定瀏覽器縮放與加載時間 window.addEventListener(resizeEvt, recalc, false);//當設備的方向發(fā)生變化時,觸發(fā)事件,從新計算fontsize document.addEventListener('DOMContentLoaded', recalc, false);//當查看全部
-
父元素或者當前運動元素上設置透視角perspective,perspective屬性的值決定了3D效果的強度 3D視圖,設置在父元素上,子元素都可以相對與父元素的平面進行3d變形操作 3D變形函數(shù),translate3d、scale3d、rotateX、rotateY、rotateZ等等查看全部
-
SVG是基于xml標記語言可縮放矢量圖形,支持無損縮放的同時也因為是dom節(jié)點,所以也支持事件,但是弊端也很明顯,dom的數(shù)量非常大,復雜度高,渲染就比較慢了,也不適合游戲的開發(fā),一般會用canvas查看全部
-
CSS3的Animation有八個屬性 animation-name :動畫名 animation-duration:時間 animation-delay:延時 animation-iteration-count:次數(shù) animation-direction:方向 animation-play-state:控制 animation-fill-mode:狀態(tài) animation-timing-function:關鍵幀變化查看全部
-
animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-play-state animation-fill-mode animation-timing-function查看全部
-
必須通過絕對尺寸獲取圖片坐標,否則就會出錯,大多情況下可能會準備2套圖片查看全部
舉報
0/150
提交
取消