一、每個DOM節點都有一個nodeType屬性,表示節點類型, NodeType一共有12種類型,我們可以通過遍歷內置的Node構造函數獲取 ELEMENT_NODE 1 ATTRIBUTE_NODE ...
最近在封裝一個開源框架,已經寫了 行, 已經具備jquery的大多數常用功能,后面還會擴展大量的工具函數和MVVM雙向驅動等功能。跟jquery的使用方法完全一樣,jquery的選擇器,幾乎都能支持,為什么說這事,跟這篇文章的主題有毛關系呢 因為這篇文章要講的就是我在寫框架過程中碰到的一個問題,封裝jquery的after方法,支持DOM和html標簽兩種用法,html標簽傳參,我要把html解釋 ...
2017-08-30 20:32 6 2251 推薦指數:
一、每個DOM節點都有一個nodeType屬性,表示節點類型, NodeType一共有12種類型,我們可以通過遍歷內置的Node構造函數獲取 ELEMENT_NODE 1 ATTRIBUTE_NODE ...
的速度向右勻速運動. 我們可以把小球封裝成一個對象: ball.js文件: 該小球對 ...
canvas是html5中引入的一個新元素,俗稱畫布,既然是畫布,當然是用來畫圖的。canvas技術指的是利用javascript操作canvas元素繪制圖形的技術,要使用canvas,一定要瀏覽器支持canvas,谷歌和火狐的支持性很好,IE8不支持。你可以參考這個網站,查看canvas的支持性 ...
接着上文[js高手之路] html5 canvas系列教程 - 文本樣式(strokeText,fillText,measureText,textAlign,textBaseline)繼續,本文介紹的內容是canvas開發,特別是游戲中,比較常用的內容:圖片處理。在游戲中的資源大多數都是加載圖片 ...
接着上文[js高手之路] html5 canvas系列教程 - 像素操作(反色,黑白,亮度,復古,蒙版,透明)繼續. 一、線形漸變 線形漸變指的是一條直線上發生的漸變。 用法: var linear = cxt.createLinearGradient( x1, y1, x2, y2 ...
在requestAnimationFrame出現之前,我們一般都用setTimeout和setInterval,那么html5為什么新增一個requestAnimationFrame,他的出現是為了解決什么問題? 優勢與特點: 1)requestAnimationFrame會把每一幀中 ...
我們接着上文[js高手之路] html5 canvas系列教程 - 認識canvas以及基本使用方法繼續. 一、直線的繪制 cxt.moveTo( x1, y1 ): 將畫筆移動到x1, y1這個點 cxt.lineTo( x2, y2 ):將畫筆從起點開始畫直線,一直畫到終點坐標( x2 ...
路徑在canvas繪圖中,經常被用到,是一個非常重要的概念. 比如:我們要在canvas畫出3條直線,要求用不同的顏色加以區分. 在畫每一條線之前,我都用storeStyle設置了線 ...