《HTML5canvas開發詳解(第2版)》——2.13 繪製一個焦點環
本節書摘來自非同步社群《HTML5 canvas開發詳解(第2版)》一書中的第2章,第2.13節,作者: 【美】Steve Fulton , Jeff Fulton 更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。
2.13 繪製一個焦點環
進一步挖掘Canvas的規範,會發現了還有一些功能尚未被實現。 DrawCustom FocusRing()函式將應用於Canvas的當前路徑,它是用於無障礙化訪問的。context.drawSystemFocusRing(element)函式允許在指定的元素周圍用當前路徑繪製一個焦點環。目前,幾乎沒有瀏覽器支援此功能。總有一天,人們可以在Canvas上使用它們,並且通過下面這個函式來檢查對焦環能否顯示。
var shouldDraw = context.drawCustomFocusRing(theCanvas);
如果返回true,那麼當前路徑的自定義對焦環可以顯示。
相關文章
- 《HTML5canvas開發詳解(第2版)》——1.9 HTML5Canvas物件HTMLCanvas物件
- 《HTML5canvas開發詳解(第2版)》——第2章 在Canvas上繪圖2.1 本章基本檔案設定HTMLCanvas繪圖
- 《HTML5canvas開發詳解(第2版)》——2.14 內容預告HTMLCanvas
- 《HTML5canvas開發詳解(第2版)》——1.4 文件物件模型(DOM)和CanvasHTMLCanvas物件模型
- Flutter完整開發實戰詳解(九、 深入繪製原理)Flutter
- C++ Qt開發:Charts折線圖繪製詳解C++QT
- 《HTML5canvas開發詳解(第2版)》——1.7 用console.log除錯HTMLCanvas除錯
- C++ Qt開發:Charts繪製各類圖表詳解C++QT
- canvas 繪製文字詳解Canvas
- 《HTML5Canvas開發詳解》——2.11 內容預告HTMLCanvas
- iOS開發_繪製圓角矩形虛線環iOS
- JavaScript焦點圖輪播效果詳解JavaScript
- phpwamp開發環境搭建詳解,phpwamp綠色整合環境開發環境一鍵搭建PHP開發環境
- View的繪製-measure流程詳解View
- View 繪製體系知識梳理(4) 繪製過程之 Layout 詳解View
- View 繪製體系知識梳理(5) 繪製過程之 Draw 詳解View
- 《HTML5Canvas開發詳解》——1.6 用Console.log除錯HTMLCanvas除錯
- CSS 繪製一個時鐘CSS
- JavaScript WebGL 繪製一個面JavaScriptWeb
- View 繪製體系知識梳理(3) 繪製流程之 Measure 詳解View
- PlantUML 是繪製 uml 的一個開源專案
- 《HTML5Canvas遊戲開發實戰》——第1章 準備工作HTMLCanvas遊戲開發
- 理解音訊焦點 (第 2/3 部分):更多的音訊焦點用例音訊
- javascript實現的焦點圖輪播效果詳解JavaScript
- 百度地圖開發-繪製點線提示框 07地圖
- 《HTML5Canvas遊戲開發實戰》——第3章 Canvas高階功能HTMLCanvas遊戲開發
- webgl 系列 —— 繪製一個點(版本2、版本3、版本4、版本5)Web
- CentOS 6.5 搭建 Java 開發環境詳解CentOSJava開發環境
- View 繪製體系知識梳理(6) 繪製過程之 requestLayout 和 invalidate 詳解View
- 快點說小程式開發詳解
- 第一個spark應用開發詳解(java版)SparkJava
- 圖觀™引擎開發小技巧——三維場景地標點繪製
- vue元件開發練習–焦點圖切換Vue元件
- vue元件開發練習--焦點圖切換Vue元件
- css3繪製跳動的紅心詳解CSSS3
- 關於VUE專案地圖開發中大量點標記繪製一些總結Vue地圖
- OpenCV開發筆記(七十六):相機標定(一):識別棋盤並繪製角點OpenCV筆記
- 理解音訊焦點 (第1/3部分):常見的音訊焦點用例音訊