canvas

HTML5 標簽用于繪制圖像(通過腳本,通常是 JavaScript)。不過, 元素本身并沒有繪制能力(它僅僅是圖形的容器) - 您必須使用腳本來完成實際的繪圖任務。

前端保存頁面為圖片,最常見的方案都是利用html2canvas來生成圖片,同時利用HTML5的新屬性download來點擊保存到本地,來看看這些地方前端做會有什么坑?

HTML5真的是一個相當出色的Web技術,它不僅可以讓你更加方便地操縱頁面元素,而且可以通過canvas實現更多的動畫特效,引進HTML5標準后,CSS3也就可以發揮更大的作用。本文主要介紹了一些基于HTML5 Canvas的動畫特效,分享給大家,希望大家喜歡。

在我們放手用HTML5開發的時候,新特性支持度檢測就是必不可少的了。一種方式是用navigator.userAgent或navigator.appName來檢測瀏覽器類型和版本,不過這種方式不是很可靠,另一種靠特征檢測(figure detection)或者說能力檢測。

canvas怎么畫圓?前段時間的一個項目做到這個玩意,研究了一下繪制圓環的方法。最終使用HTML5的畫布標簽來做。arc()是HTML5 canvas的一個API函數,作用是“創建弧/曲線(用于創建圓形或部分圓)”。本文先講解如何繪制圓形以及一些應用。

html2canvas 能夠實現在用戶瀏覽器端直接對整個或部分頁面進行截屏。這個html2canvas腳本將當前頁面渲染成一個canvas圖片,通過讀取DOM并將不同的樣式應用到這些元素上實現。