canvas座標的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列問答集和整理懶人包

Qt 5編程入門（第2版）

為了解決canvas座標的問題，作者霍亞飛 這樣論述：

本書是基於Qt5.12的QML和QtQuick入門書籍，詳細介紹了QML語言的語法和編寫QtQuick程式需要用到的基本知識點。   本書內容主要包括Qt5的介紹、QML語法、QtQuick基礎知識以及在圖形動畫、資料處理、多媒體和移動開發方面的應用等。與第1版相比，本書使用Qt5.12.0和QtCreator4.8.0進行了全書修訂，主要添加了圖表、3D視覺化、移動開發等章節；對其他章節內容進行了大量更新，重寫了QtQuick控制項、設計器、與C++進行集成等章節，從而幫助初學者快速入門QtQuick程式設計。 第1章走進Qt Quick的世界1 1.1全新的QML和Qt

Quick1 1.1.1歷史變遷1 1.1.2QML2 1.1.3Qt Quick2 1.1.4Qt QML和Qt Quick框架3 1.2Qt Quick項目4 1.2.1Qt 5的下載與安裝4 1.2.2創建Qt Quick應用6 1.2.3創建Qt Quick UI項目11 1.2.4運行示例程式13 1.2.5Qt Quick程式的發佈14 1.3小結16 第2章QML語法17 2.1QML語法基礎17 2.2import導入語句20 2.2.1模組（命名空間）導入語句20 2.2.2目錄導入語句21 2.2.3JavaScript資源導入語句23 2.3QML類型系統24 2.3

.1基本類型24 2.3.2JavaScript類型26 2.3.3對象類型26 2.4物件特性26 2.4.1id特性27 2.4.2屬性特性28 2.4.3信號和信號處理器特性36 2.4.4方法特性40 2.4.5附加屬性和附加信號處理器41 2.4.6枚舉43 2.5集成JavaScript43 2.5.1JavaScript運算式43 2.5.2從JavaScript動態創建QML物件49 2.5.3在QML中定義JavaScript資源53 2.5.4在QML中導入JavaScript資源56 2.5.5JavaScript宿主環境58 2.6QML文檔59 2.6.1通過QML文

檔定義物件類型60 2.6.2QML組件62 2.6.3作用域和命名解析64 2.6.4資源載入和網路透明性70 2.6.5QML的國際化71 2.6.6QML的編碼約定75 2.7QML模組78 2.7.1定義一個QML模組78 2.7.2支援的QML模組類型79 2.8小結79 第3章Qt Quick基礎80 3.1基礎可視項目81 3.1.1Item81 3.1.2Rectangle85 3.1.3Text85 3.1.4TextInput92 3.1.5TextEdit97 3.2佈局管理99 3.2.1定位器99 3.2.2基於錨的佈局103 3.2.3Layouts106 3.3

事件處理110 3.3.1MouseArea110 3.3.2滑鼠事件和滾輪事件112 3.3.3拖放事件114 3.3.4鍵盤事件和焦點作用域117 3.3.5計時器123 3.4使用Loader動態載入元件124 3.4.1Loader的大小與行為124 3.4.2從載入的專案中接收信號125 3.4.3焦點和鍵盤事件126 3.5小結127 第4章Qt Quick控制項128 4.1Qt Quick控制項基礎129 4.2按鈕類控制項139 4.2.1AbstractButton139 4.2.2Button141 4.2.3CheckBox142 4.2.4RadioButton14

4 4.2.5ButtonGroup145 4.2.6RoundButton146 4.2.7Switch147 4.2.8DelayButton148 4.2.9Action和ActionGroup149 4.3指示類控制項151 4.3.1Label151 4.3.2ProgressBar151 4.3.3BusyIndicator152 4.3.4PageIndicator153 4.4輸入類控制項154 4.4.1TextField154 4.4.2TextArea155 4.4.3ComboBox156 4.4.4SpinBox159 4.4.5Dial162 4.4.6Slider

163 4.4.7RangeSlider165 4.4.8Tumbler166 4.5功能表類控制項167 4.5.1Menu167 4.5.2MenuBar171 4.6容器類控制項173 4.6.1Pane173 4.6.2Frame174 4.6.3GroupBox174 4.6.4Page175 4.6.5ScrollView176 4.6.6ScrollBar和ScrollIndicator178 4.6.7StackView180 4.6.8TabBar185 4.6.9ToolBar187 4.6.10SwipeView188 4.7彈出類控制項190 4.7.1Overlay1

90 4.7.2Popup191 4.7.3Dialog194 4.7.4ToolTip195 4.7.5Drawer196 4.8標準對話方塊197 4.8.1ColorDialog197 4.8.2FileDialog198 4.8.3FontDialog199 4.8.4MessageDialog200 4.9Qt Quick Controls 2設定檔202 4.10共用業務邏輯代碼202 4.10.1圖片檢視器203 4.10.2檔選擇器207 4.10.3重構圖片選擇器207 4.11小結212 第5章圖形動畫基礎213 5.1顏色、漸變和調色板213 5.1.1顏色213 5.

1.2漸變216 5.1.3系統調色板216 5.2圖片、邊界圖片和動態圖片217 5.2.1圖片217 5.2.2邊界圖片219 5.2.3動態圖片221 5.3縮放、旋轉和平移變換221 5.3.1使用屬性實現簡單變換221 5.3.2使用Transform實現高級變換223 5.4狀態224 5.4.1創建狀態225 5.4.2預設狀態和when屬性226 5.5動畫和過渡227 5.5.1使用屬性動畫227 5.5.2使用預定義的目標和屬性229 5.5.3在狀態改變時使用過渡230 5.5.4使用默認的行為動畫231 5.5.5使用並行或順序動畫組232 5.5.6使用動畫師動畫23

3 5.5.7控制動畫的執行234 5.5.8共用動畫實例235 5.6精靈動畫236 5.6.1精靈引擎介紹236 5.6.2AnimatedSprite240 5.7Flickable和Flipable241 5.7.1彈動效果241 5.7.2翻轉效果243 5.8小結244 第6章圖形效果245 6.1混合效果245 6.2顏色效果248 6.3漸變效果251 6.3.1錐形漸變251 6.3.2線性漸變252 6.3.3輻射漸變253 6.4變形效果254 6.5陰影效果255 6.5.1投影255 6.5.2內陰影256 6.6模糊效果257 6.6.1快速模糊257 6.6.2

高斯模糊258 6.6.3遞迴模糊259 6.6.4遮罩模糊260 6.7動感模糊效果261 6.7.1方向模糊261 6.7.2徑向模糊262 6.7.3縮放模糊263 6.8發光效果263 6.8.1發光263 6.8.2矩形發光264 6.9遮罩效果266 6.9.1不透明遮罩266 6.9.2閾值遮罩267 6.10小結268 第7章粒子系統269 7.1ParticleSystem269 7.2發射器271 7.3渲染器272 7.4TrailEmitter275 7.5粒子組276 7.6隨機參數278 7.7影響器279 7.7.1Age279 7.7.2Attractor28

0 7.7.3Friction281 7.7.4Gravity281 7.7.5Turbulence282 7.7.6Wander282 7.7.7GroupGoal282 7.7.8SpriteGoal283 7.8小結284 第8章Canvas 2D285 8.1Canvas的使用285 8.2繪製操作287 8.2.1繪製參數設置288 8.2.2繪製矩形290 8.2.3狀態的保存與恢復291 8.2.4繪製文本293 8.2.5繪製路徑294 8.3漸變填充299 8.3.1線性漸變299 8.3.2輻射漸變300 8.3.3錐型漸變301 8.4陰影301 8.5使用圖像302

8.6座標變換304 8.6.1平移305 8.6.2縮放305 8.6.3旋轉306 8.6.4斜切307 8.6.5transform()函數總結308 8.7小結309 第9章模型和視圖310 9.1模型/視圖架構簡介310 9.2資料模型312 9.2.1整數作為模型312 9.2.2ListModel313 9.2.3WorkerScript315 9.2.4ObjectModel316 9.2.5DelegateModel317 9.2.6Package319 9.2.7XmlListModel320 9.2.8LocalStorage322 9.2.9使用C++擴展QML模型3

26 9.3檢視類型330 9.3.1ListView330 9.3.2GridView336 9.3.3視圖過渡338 9.3.4PathView341 9.4調整性能344 9.5小結345 第10章Qt圖表346 10.1創建一個圖表專案347 10.2坐標軸Axes348 10.2.1數值坐標軸和對數數值坐標軸349 10.2.2分類坐標軸350 10.2.3直條圖分類坐標軸351 10.2.4日期時間坐標軸352 10.2.5坐標軸的共有屬性354 10.3圖例Legend354 10.4ChartView356 10.4.1設置主題357 10.4.2啟用動畫358 10.5使用

外部資料動態創建圖表359 10.6常用圖表類型362 10.6.1折線圖、曲線圖和散點圖362 10.6.2面積圖364 10.6.3直條圖、堆積直條圖、百分比堆積直條圖365 10.6.4餅狀圖366 10.6.5盒須圖（箱形圖）367 10.6.6蠟燭圖（K線圖）368 10.6.7極座標圖369 10.7小結371 第11章Qt Data Visualization數據視覺化372 11.13D直條圖372 11.1.13D坐標軸375 11.1.2資料代理377 11.1.33D系列380 11.2自訂3D場景381 11.3設置主題382 11.4選擇模式和切片視圖385 11.

53D散點圖387 11.63D曲面圖389 11.7小結391 第12章多媒體應用392 12.1多媒體模組介紹392 12.2播放音訊393 12.2.1播放壓縮音訊393 12.2.2播放未壓縮音訊395 12.3播放視頻396 12.3.1使用Video播放視頻檔396 12.3.2對視頻使用圖形效果397 12.4媒體播放機399 12.4.1播放音視頻399 12.4.2使用Windows平臺附加功能400 12.5小結406 第13章QML與C++的集成407 13.1快速選擇正確的集成方式408 13.2QML運行時的C++類411 13.2.1QQmlEngine411

13.2.2QQmlContext412 13.2.3QQmlComponent414 13.2.4QQmlExpression415 13.3在QML中使用C++特性416 13.3.1資料類型處理和擁有權416 13.3.2資料類型的轉換416 13.3.3使用C++屬性419 13.3.4使用函數和槽423 13.3.5使用信號425 13.4註冊QML類型426 13.4.1註冊可產生實體對象類型426 13.4.2註冊不可產生實體對象類型427 13.4.3註冊單例類型427 13.4.4類型的修訂和版本428 13.5定義QML特定類型和屬性429 13.5.1提供附加物件注解資料

429 13.5.2屬性修飾符類型432 13.5.3指定QML物件類型的預設屬性434 13.5.4接收對象初始化通知435 13.6在C++中使用QML物件436 13.6.1使用C++載入QML物件436 13.6.2使用物件名字訪問載入的QML物件438 13.6.3使用C++訪問QML物件成員439 13.7小結442 第14章使用Qt Quick設計器443 14.1Qt Quick UI表單文件444 14.2常用操作448 14.2.1管理專案層次448 14.2.2QML型別程式庫449 14.2.3指定專案屬性449 14.2.4添加狀態452 14.2.5在畫布上操作Q

ML類型452 14.3使用設計器編輯QML文檔457 14.3.1創建項目457 14.3.2創建主視圖458 14.3.3添加視圖461 14.3.4為視圖添加動畫462 14.4小結464 第15章Qt移動開發入門465 15.1Qt Android開發配置465 15.1.1工具軟體的下載465 15.1.2工具軟體的安裝466 15.1.3使用虛擬機器運行Qt Android程式468 15.1.4使用手機運行Qt Android程式471 15.1.5發佈項目472 15.2Qt iOS開發配置476 15.2.1使用模擬器運行Qt iOS程式477 15.2.2使用手機運行Qt

iOS程式478 15.3創建演示程式481 15.3.1創建應用主視窗481 15.3.2拍照功能486 15.3.3多點觸控488 15.3.4感測器489 15.3.5地圖491 15.3.6藍牙493 15.4小結496 參考文獻497  

canvas座標進入發燒排行的影片

網路化模座設計與自動化模具設計的整合流程

為了解決canvas座標的問題，作者吳嘉峻 這樣論述：

本研究主要分為兩個部分，第一部分是網路化模座設計引導流程，此系統只需在網頁上即可設計模座，不必使用CAD軟體，透過引導的步驟，能幫助設計者一步一步地完成模座設計；首先透過建立模座資料庫，將模座廠商的標準型式和尺寸存入其中，假如設計者開始設計模座時，會先以模仁尺寸作為搜尋條件，使資料庫回傳適當的標準模座資訊，讓設計者有一套參考的數據，並利用HTML5的Canvas，將模座2D圖清楚地表示出來，如果系統提供的標準模座數值不合適，設計者也只需在網頁欄位手動修改，即可完成設計變更。第二部分是整合模具與模座設計流程，主要透過CAD軟體Pro/ENGINEER視窗下的瀏覽器，進行對於CAD的二次開發，將

第一部分之基礎模座匯入後，還需要將模仁和其他零件組入，並且對模座建構配合不同模仁之加工特徵，才真正完成一套模具，藉由模具設計引導流程所建立的模仁與零件，其設計時所建立的特徵就有一定的命名規則，使模座的加工特徵可以自動產生，達到流程整合的目的；另外透過引導流程和自動化，可以確保設計的正確性和品質，減少人為疏失，降低設計時間。

JavaScript 從入門到精通（微課視頻版）（第2版）

為了解決canvas座標的問題，作者未來科技 這樣論述：

《JavaScript從入門到精通（微課視頻版）（第2版）》系統地講解了JavaScript語言的使用，並結合HTML5介紹了如何開發更富可用性的Web程式。全書分為5大部分，共26章。第1部分為JavaScript概述，介紹JavaScript的發展與應用環境，以及如何快速上手測試JavaScript代碼；第2部分為JavaScript核心程式設計，包括變數、資料類型、運算子、運算式、語句和程式結構、字串、規則運算式、陣列、函數、物件、構造函數、原型與繼承的程式設計應用等；第3部分介紹了JavaScript用戶端開發的相關知識和技術，如流覽器腳本化、網頁腳本化、樣式表腳本化以及事件處理等；第

4部分講解JavaScriptHTML5應用，如檔操作、圖形繪製、本機存放區、多執行緒處理、離線應用、JavaScript通信、拖放操作、移動定位、幀動畫和DOM觀察器、全屏和隱藏顯示處理等；第5部分為電子版綜合案例，通過多個綜合案例演示了如何使用JavaScript進行實戰開發的過程。全書關鍵知識點均結合具體示例進行介紹，涉及的程式碼也給出了詳細的注釋，可以説明讀者輕鬆領會JavaScript語言精髓，快速提高開發技能。 《JavaScript從入門到精通（微課視頻版）（第2版）》配備了極為豐富的學習資源，其中配套資源有：500集教學視頻（可二維碼掃描）、素材來源程式；附贈的拓展學習資源有

：習題及面試題庫、案例庫、工具庫、網頁範本庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。 《JavaScript從入門到精通（微課視頻版）（第2版）》適合作為JavaScript入門、JavaScript實戰、JavaScript高級程式設計、HTML5移動開發方面的自學用書，也可作為高等院校網頁設計、網頁製作、網站建設、Web前端開發等專業的教學參考書或相關機構的培訓教材。   未來科技   是由一群熱愛Web開發的青年骨幹教師組成的一個鬆散組織，主要從事Web開發、教學培訓、教材開發等業務。該群體編寫的同類圖書在很多網店上的銷量名列前茅，讓數十萬的讀者輕鬆跨進了Web

開發的大門，為Web開發的普及和應用做出了積極貢獻。 第1章 JavaScript基礎 視頻講解：25分鐘 示例：5個 1.1 JavaScript概述 1.1.1 JavaScript歷史 1.1.2 ECMAScript起源 1.1.3 ECMAScript版本 1.1.4 流覽器支持 1.1.5 JavaScript構成 1.2 初步使用JavaScript 1.2.1 編寫第一個程式 1.2.2 新建JavaScript文件 1.2.3 執行JavaScript程式 1.2.4 延遲執行JavaScript檔 1.2.5 非同步載入JavaScript檔 1.2.6

認識JavaScript代碼塊 1.3 線上學習 第2章 JavaScript基本語法 視頻講解：102分鐘 示例：50個 2.1 基本詞法 2.1.1 字元編碼 2.1.2 區分大小寫 2.1.3 識別字 2.1.4 直接量 2.1.5 關鍵字和保留字 2.1.6 分隔符號 2.1.7 注釋 2.1.8 轉義序列 2.2 變數 2.2.1 聲明變數 2.2.2 賦值變數 2.2.3 變數作用域 2.2.4 變數類型 2.2.5 變數污染 2.3 資料類型 2.3.1 基本類型 2.3.2 數字 2.3.3 字串 2.3.4 布林型 2.3.5 Null 2.3.6 Undefined 2

.4 嚴格模式 2.4.1 啟用嚴格模式 2.4.2 嚴格模式的執行限制 2.5 類型檢測 2.5.1 使用constructor 2.5.2 使用toString 2.6 類型轉換 2.6.1 轉換為字串 2.6.2 轉換為數位模式字串 2.6.3 轉換為小數格式字串 2.6.4 轉換為數位 2.6.5 轉換為布林值 2.6.6 轉換為對象 2.6.7 轉換為簡單值 2.6.8 強制類型轉換 2.6.9 自動類型轉換 2.7 線上學習 第3章 運算子和運算式 視頻講解：106分鐘 示例：75個 3.1 運算子 3.1.1 運算元的個數 3.1.2 運算元的類型 3.1.3 運算子的優先順序

3.1.4 運算子的結合性 3.1.5 左值、賦值及其副作用 3.2 算數運算 3.2.1 加法運算 3.2.2 減法運算 3.2.3 乘法運算 3.2.4 除法運算 3.2.5 求餘運算 3.2.6 取反運算 3.2.7 遞增和遞減 3.3 邏輯運算 3.3.1 邏輯與運算 3.3.2 邏輯或運算 3.3.3 邏輯非運算 3.4 關係運算 3.4.1 大小比較 3.4.2 相等和全等 3.5 賦值運算 3.6 物件操作運算 3.6.1 歸屬檢測 3.6.2 刪除屬性 3.7 位運算 3.7.1 邏輯位元運算 3.7.2 移位運算 3.8 其他運算 3.8.1 條件運算子 3.8.2 逗號運

算子 3.8.3 void運算子 3.9 運算式 3.9.1 運算式的形式 3.9.2 運算式的類型 3.9.3 運算式的運算順序 3.9.4 運算式的優化 3.10 案例實戰 3.10.1 使用new 3.10.2 使用中括弧和點號 3.10.3 使用小括弧 3.10.4 連續運算 3.10.5 把命令轉換為運算式 3.11 線上學習 第4章 語句和程式結構 視頻講解：106分鐘 示例：52個 4.1 語句 4.1.1 語句分類 4.1.2 定義語句 4.1.3 單句 4.1.4 複句 4.1.5 空語句 4.1.6 運算式語句 4.1.7 聲明語句 4.1.8 調試語句 4.1.9 wi

th語句 4.2 分支結構 4.2.1 if語句 4.2.2 else語句 4.2.3 switch語句 4.2.4 default語句 4.3 迴圈結構 4.3.1 while語句 4.3.2 do/while語句 4.3.3 for語句 4.3.4 for/in語句 4.4 流程控制 4.4.1 label語句 4.4.2 break語句 4.4.3 continue語句 4.5 異常處理 4.5.1 try/catch/finally語句 4.5.2 throw語句 4.6 案例實戰 4.6.1 優化多分支結構：選擇if和 switch 4.6.2 優化多分支結構：優化思路 4.6.3

優化多分支結構：資料映射 4.6.4 優化多分支結構：調整分支 順序 4.6.5 優化迴圈結構：選擇while 和for 4.6.6 優化迴圈結構：優化代碼 4.6.7 設計楊輝三角 4.7 線上學習 第5章 操作字串 視頻講解：84分鐘 示例：60個 5.1 字串操作基礎 5.1.1 定義字串 5.1.2 字串的值和長度 5.1.3 字元串連接 5.1.4 字串查找 5.1.5 字串截取 5.1.6 字串替換 5.1.7 字串大小轉換 5.1.8 字串比較 5.1.9 字串與陣列轉換 5.1.10 字串格式化 5.1.11 清除兩側空字元 5.1.12 Unicode編碼和解碼 5.1.1

3 Base64編碼和解碼 5.2 案例實戰 5.2.1 字串智慧替換 5.2.2 檢測特殊字元 5.2.3 自訂編碼和解碼 5.2.4 字串加密和解密 5.3 線上學習 第6章 使用規則運算式 視頻講解：102分鐘 示例：39個 6.1 規則運算式對象 6.1.1 定義規則運算式 6.1.2 執行匹配 6.1.3 執行檢測 6.1.4 編譯規則運算式 6.1.5 規則運算式的屬性 6.1.6 RegExp靜態屬性 6.2 字元模式 6.2.1 描述字元 6.2.2 描述字元範圍 6.2.3 選擇匹配 6.2.4 重複匹配 6.2.5 惰性匹配 6.2.6 邊界量詞 6.2.7 聲明量詞 6

.2.8 子運算式 6.2.9 反向引用 6.2.10 禁止引用 6.3 案例實戰 6.3.1 設計階段匹配模式 6.3.2 設計日期匹配模式 6.3.3 設計貨幣數位匹配模式 6.3.4 表單驗證 6.4 線上學習 第7章 使用陣列 視頻講解：110分鐘 示例：67個 7.1 定義陣列 7.1.1 構造陣列 7.1.2 陣列直接量 7.1.3 多維陣列 7.1.4 空位陣列 7.1.5 關聯陣列 7.1.6 偽類陣列 7.2 訪問陣列 7.2.1 讀寫陣列 7.2.2 訪問多維陣列 7.2.3 陣列長度 7.2.4 使用for反覆運算 7.2.5 使用forEach反覆運算 7.2.6 使

用keys反覆運算 7.3 運算元組 7.3.1 棧操作 7.3.2 佇列操作 7.3.3 刪除元素 7.3.4 添加元素 7.3.5 截取陣列 7.3.6 陣列排序 7.3.7 陣列轉換 7.3.8 元素定位 7.3.9 檢測陣列 7.3.10 遍歷元素檢測 7.3.11 映射陣列 7.3.12 陣列過濾 7.3.13 陣列匯總 7.4 案例實戰 7.4.1 自動初始化陣列 7.4.2 擴展陣列原型方法 7.4.3 設計反覆運算器 7.5 線上學習 第8章 使用函數 視頻講解：150分鐘 示例：66個 8.1 定義函數 8.1.1 聲明函數 8.1.2 構造函數 8.1.3 函數直接量 8

.1.4 定義嵌套函數 8.2 調用函數 8.2.1 函式呼叫 8.2.2 函數的返回值 8.2.3 方法調用 8.2.4 使用call和apply調用 8.2.5 使用new調用 8.3 函數參數 8.3.1 形參和實參 8.3.2 獲取參數個數 8.3.3 使用arguments物件 8.3.4 使用callee 8.3.5 應用arguments物件 8.4 函數作用域 8.4.1 詞法作用域 8.4.2 執行上下文和活動物件 8.4.3 作用域鏈 8.4.4 this和調用物件 8.4.5 比較3種函數的作用域 8.4.6 函數的識別字 8.5 閉包 8.5.1 定義閉包 8.5.2

使用閉包 8.5.3 閉包的局限性 8.6 函數式運算 8.6.1 函數合成 8.6.2 函數柯裡化 8.7 高階函數 8.7.1 回呼函數 8.7.2 單例模式 8.7.3 實現AOP 8.7.4 函數節流 8.7.5 分時函數 8.7.6 惰性載入函數 8.7.7 分支函數 8.7.8 徧函數 8.7.9 泛型函數 8.7.10 類型檢測 8.8 遞迴函數 8.8.1 遞迴運算 8.8.2 尾遞迴 8.8.3 遞迴與反覆運算 8.9 線上學習 第9章 使用物件 視頻講解：84分鐘 示例：59個 9.1 定義物件 9.1.1 構造物件 9.1.2 物件直接量 9.1.3 使用Object.

create 9.2 操作物件 9.2.1 引用對象 9.2.2 複製對象 9.2.3 克隆對象 9.2.4 銷毀對象 9.3 操作屬性 9.3.1 定義屬性 9.3.2 讀寫屬性 9.3.3 刪除屬性 9.3.4 使用方法 9.3.5 物件與陣列 9.4 屬性描述物件 9.4.1 屬性描述物件的結構 9.4.2 訪問器 9.4.3 操作屬性描述物件 9.4.4 控制物件狀態 9.5 Object原型方法 9.5.1 使用toString() 9.5.2 使用valueOf() 9.5.3 檢測私有屬性 9.5.4 檢測枚舉屬性 9.5.5 檢測原型物件 9.6 Object靜態函數 9.6.

1 物件包裝函數 9.6.2 物件構造函數 9.6.3 靜態函數 9.7 案例實戰 9.7.1 生成指定範圍的亂數和 字串 9.7.2 數字取整 9.7.3 設計階段顯示牌 9.7.4 設計倒計時 9.8 線上學習 第10章 構造函數、原型和繼承 視頻講解：160分鐘 示例：57個 10.1 構造函數 10.1.1 定義構造函數 10.1.2 調用構造函數 10.1.3 構造函數的返回值 10.1.4 引用構造函數 10.2 this指針 10.2.1 使用this 10.2.2 this安全性原則 10.2.3 綁定函數 10.2.4 使用bind 10.2.5 鏈式語法 10.3 原型

10.3.1 定義原型 10.3.2 訪問原型 10.3.3 設置原型 10.3.4 檢測原型 10.3.5 原型屬性和私有屬性 10.3.6 應用原型 10.3.7 原型鏈 10.3.8 原型繼承 10.3.9 擴展原型方法 10.4 類型 10.4.1 構造原型 10.4.2 動態原型 10.4.3 工廠模式 10.4.4 類繼承 10.5 模組化 10.6 案例實戰 10.6.1 定義類型 10.6.2 返回jQuery對象 10.6.3 設計作用域 10.6.4 跨域訪問 10.6.5 設計選擇器 10.6.6 設計反覆運算器 10.6.7 設計擴展 10.6.8 傳遞參數 10.6.

9 設計獨立空間 10.7 線上學習 第11章 BOM操作 視頻講解：104分鐘 示例：35個 11.1 window對象 11.1.1 全域作用域 11.1.2 訪問用戶端對象 11.1.3 使用系統對話方塊 11.1.4 打開和關閉視窗 11.1.5 使用計時器 11.1.6 使用框架組 11.1.7 控制視窗大小和位置 11.2 navigator對象 11.2.1 流覽器檢測方法 11.2.2 檢測流覽器類型和版本號 11.2.3 檢測作業系統 11.3 location對象 11.4 history對象 11.4.1 操作歷史記錄 11.4.2 案例：設計無刷新導航 11.5 sc

reen對象 11.6 document對象 11.6.1 訪問文檔對象 11.6.2 動態生成文檔內容 11.7 案例實戰 11.7.1 使用框架設計遠端腳本 11.7.2 使用框架設計遠端交互 11.7.3 使用浮動框架設計非同步通信 11.7.4 設計無刷新圖片預覽 11.7.5 設計可回退的畫板 11.8 線上學習 第12章 DOM操作 視頻講解：115分鐘 示例：54個 12.1 DOM基礎 12.2 節點概述 12.2.1 節點類型 12.2.2 節點名稱和值 12.2.3 節點關係 12.2.4 訪問節點 12.2.5 操作節點 12.3 文檔節點 12.3.1 訪問文檔 12

.3.2 訪問子節點 12.3.3 訪問特殊元素 12.3.4 訪問元素集合 12.3.5 訪問文檔資訊 12.3.6 訪問文檔元素 12.4 元素節點 12.4.1 訪問元素 12.4.2 遍歷元素 12.4.3 創建元素 12.4.4 複製節點 12.4.5 插入節點 12.4.6 刪除節點 12.4.7 替換節點 12.5 文本節點 12.5.1 創建文本節點 12.5.2 訪問文本節點 12.5.3 讀取HTML字串 12.5.4 插入HTML字串 12.5.5 替換HTML字串 12.5.6 讀寫文本 12.6 屬性節點 12.6.1 創建屬性節點 12.6.2 讀取屬性值 12.6

.3 設置屬性值 12.6.4 刪除屬性 12.6.5 使用類別選取器 12.6.6 自訂屬性 12.7 文檔片段節點 12.8 CSS選擇器 12.9 案例實戰 12.9.1 使用script載入遠端資料 12.9.2 使用JSONP 12.10 線上學習 第13章 事件處理 視頻講解：102分鐘 示例：58個 13.1 事件基礎 13.1.1 事件模型 13.1.2 事件流 13.1.3 綁定事件 13.1.4 事件處理函數 13.1.5 註冊事件 13.1.6 銷毀事件 13.1.7 使用event物件 13.1.8 事件委託 13.2 使用滑鼠事件 13.2.1 滑鼠點擊 13.2.

2 滑鼠移動 13.2.3 滑鼠經過 13.2.4 滑鼠來源 13.2.5 滑鼠定位 13.2.6 滑鼠按鍵 13.3 使用鍵盤事件 13.3.1 鍵盤事件屬性 13.3.2 鍵盤回應順序 13.4 使用頁面事件 13.4.1 頁面初始化 13.4.2 結構初始化 13.4.3 頁面卸載 13.4.4 窗口重置 13.4.5 頁面滾動 13.4.6 錯誤處理 13.5 使用UI事件 13.5.1 焦點處理 13.5.2 選擇文本 13.5.3 欄位值變化監測 13.5.4 提交表單 13.5.5 重置表單 13.5.6 剪貼板數據 13.6 案例實戰 13.6.1 自訂事件 13.6.2 模擬

事件 13.7 線上學習 第14章 腳本化CSS 視頻講解：92分鐘 示例：26個 14.1 CSS腳本化基礎 14.1.1 讀寫行內樣式 14.1.2 使用style物件 14.1.3 使用styleSheets物件 14.1.4 使用selectorText物件 14.1.5 編輯樣式 14.1.6 添加樣式 14.1.7 讀取顯示樣式 14.1.8 讀取媒體查詢 14.1.9 使用CSS事件 14.2 設計大小 14.2.1 使用offsetWidth和 offsetHeight 14.2.2 使用scrollLeft和scrollTop 14.2.3 獲取元素大小 14.2.4 獲取

窗口大小 14.3 設計位置 14.3.1 使用offsetLeft和offsetTop 14.3.2 使用offsetParent 14.3.3 獲取指標的頁面位置 14.3.4 獲取指針的相對位置 14.3.5 獲取捲軸的位置 14.3.6 設置捲軸位置 14.4 設計顯隱 14.4.1 顯示和隱藏 14.4.2 半透明顯示 14.5 設計動畫 14.5.1 移動動畫 14.5.2 漸隱漸顯 14.6 案例實戰 14.6.1 設計緩動動畫 14.6.2 設計工具提示 14.7 線上學習 第15章 腳本化HTTP 視頻講解：64分鐘 示例：24個 15.1 XMLHttpRequest基礎

15.1.1 創建XMLHttpRequest對象 15.1.2 建立連接 15.1.3 發送GET請求 15.1.4 發送POST請求 15.1.5 串列格式化資料 15.1.6 非同步回應狀態 15.1.7 中止請求 15.1.8 獲取XML資料 15.1.9 獲取HTML字串 15.1.10 獲取JavaScript腳本 15.1.11 獲取JSON資料 15.1.12 獲取純文字 15.1.13 獲取和設置頭部消息 15.1.14 認識XMLHttpRequest 2.0 15.1.15 請求時限 15.1.16 FormData資料物件 15.1.17 上傳文件 15.1.18 跨

域訪問 15.1.19 回應不同類型資料 15.1.20 接收二進位資料 15.1.21 監測資料傳輸進度 15.2 案例實戰 15.2.1 接收ArrayBuffer對象 15.2.2 接收Blob對象 15.2.3 接收字串 15.2.4 發送表單數據 15.2.5 發送二進位檔案 15.2.6 發送Blob對象 15.2.7 跨域請求 15.2.8 設計檔上傳和顯示進度條 15.2.9 使用燈標 15.3 線上學習 第16章 JavaScript檔操作 視頻講解：84分鐘 示例：31個 16.1 訪問檔域 16.2 使用Blob物件 16.2.1 訪問Blob 16.2.2 創建Blo

b 16.2.3 截取Blob 16.2.4 保存Blob 16.3 使用FileReader物件 16.3.1 讀取文件 16.3.2 事件監測 16.4 使用緩存物件 16.4.1 使用ArrayBuffer 16.4.2 使用ArrayBufferView 16.4.3 使用DataView 16.5 使用FileSystem API 16.5.1 認識FileSystem API 16.5.2 訪問FileSystem 16.5.3 申請配額 16.5.4 創建文件 16.5.5 寫入資料 16.5.6 添加數據 16.5.7 讀取數據 16.5.8 複製檔 16.5.9 刪除檔 16

.5.10 創建目錄 16.5.11 讀取目錄 16.5.12 刪除目錄 16.5.13 複製目錄 16.5.14 重命名目錄 16.5.15 使用filesystem:URL 16.6 案例：設計檔案管理員 16.7 線上學習 第17章 JavaScript繪圖 視頻講解：128分鐘 示例：52個 17.1 使用canvas 17.2 繪製圖形 17.2.1 矩形 17.2.2 路徑 17.2.3 直線 17.2.4 圓弧 17.2.5 二次方曲線 17.2.6 三次方曲線 17.3 定義樣式和顏色 17.3.1 顏色 17.3.2 不透明度 17.3.3 實線 17.3.4 虛線 17.

3.5 線性漸變 17.3.6 徑向漸變 17.3.7 圖案 17.3.8 陰影 17.3.9 填充規則 17.4 圖形變形 17.4.1 保存和恢復狀態 17.4.2 清除畫布 17.4.3 移動座標 17.4.4 旋轉座標 17.4.5 縮放圖形 17.4.6 變換圖形 17.5 圖形合成 17.5.1 合成 17.5.2 裁切 17.6 繪製文本 17.6.1 填充文字 17.6.2 輪廓文字 17.6.3 文本樣式 17.6.4 測量寬度 17.7 使用圖像 17.7.1 導入圖像 17.7.2 縮放圖像 17.7.3 裁切圖像 17.7.4 平鋪圖像 17.8 圖元操作 17.8.1

認識ImageData物件 17.8.2 創建圖像資料 17.8.3 將圖像資料寫入畫布 17.8.4 在畫布中複製圖像資料 17.8.5 保存圖片 17.9 案例實戰 17.9.1 設計基本動畫 17.9.2 顏色選擇器 17.9.3 給圖像去色 17.9.4 縮放圖像和反鋸齒處理 17.9.5 設計運動動畫 17.9.6 設計地球和月球公轉動畫 17.10 線上學習 第18章 本地資料存儲 視頻講解：80分鐘 示例：17個 18.1 HTTP Cookie 18.1.1 寫入cookie 18.1.2 讀取cookie 18.1.3 修改和刪除cookie 18.1.4 附加cooki

e 18.1.5 Http-Only Cookie 18.1.6 案例：打字遊戲 18.2 Web Storage 18.2.1 使用Web Storage 18.2.2 案例：訪問統計 18.3 Web SQL Database 18.3.1 使用Web SQL Database 18.3.2 案例：設計用戶登錄 18.4 IndexedDB 18.4.1 使用IndexedDB 18.4.2 案例：設計便簽 18.5 線上學習 第19章 多執行緒處理 視頻講解：23分鐘 示例：9個 19.1 Web Workers基礎 19.1.1 認識Web Workers 19.1.2 使用Web

Workers 19.1.3 案例：設計多執行緒運算 19.2 案例實戰 19.2.1 併發運算 19.2.2 後臺過濾 19.2.3 設計多執行緒處理 19.2.4 併發通信 19.2.5 計算斐波那契數列 19.3 線上學習 第20章 離線應用 視頻講解：19分鐘 示例：9個 20.1 HTML5離線應用基礎 20.1.1 認識HTML5離線應用 20.1.2 使用manifest檔 20.1.3 使用離線緩存 20.1.4 監聽線上狀態 20.2 案例實戰 20.2.1 緩存網站 20.2.2 離線編輯內容 20.3 線上學習 第21章 JavaScript通信 視頻講解：13分鐘

示例：5個 21.1 postMessage 21.1.1 postMessage基礎 21.1.2 案例：設計跨域動態對話 21.2 WebSocket 21.2.1 WebSocket基礎 21.2.2 案例：設計WebSocket通信 21.2.3 案例：向會員推送資訊 21.3 線上學習 第22章 拖放操作 視頻講解：10分鐘 示例：3個 22.1 拖放API基礎 22.2 案例實戰 22.2.1 刪除項目 22.2.2 拖選對象 22.3 線上學習 第23章 移動定位 視頻講解：12分鐘 示例：5個 23.1 Geolocation API基礎 23.2 案例實戰 23.2.1

手機定位位置 23.2.2 獲取經緯度及其詳細地址 23.2.3 輸入提示查詢位置 23.2.4 從當前位置查詢指定位置 路線 23.2.5 記錄行蹤路線 23.3 線上學習 第24章 幀動畫和DOM觀察器 視頻講解：8分鐘 示例：5個 24.1 requestAnimationFrame 24.1.1 認識requestAnimationFrame 24.1.2 案例：設計進度條 24.1.3 案例：設計旋轉的小球 24.2 Mutation Observer 24.2.1 認識Mutation Observer 24.2.2 案例：觀察DOM元素 24.2.3 案例：觀察DOM屬性 24

.3 線上學習 第25章 全屏和隱藏顯示處理 視頻講解：5分鐘 示例：11個 25.1 頁面可見處理 25.1.1 Page Visibility基礎 25.1.2 案例：視頻暫停與自動播放 25.2 全屏顯示處理 25.2.1 Fullscreen API基礎 25.2.2 案例：全屏視頻播放 25.3 線上學習 附：綜合案例（電子版，手機掃碼閱讀） 示例：6個  

網路化與參數化之LCM設計程序

為了解決canvas座標的問題，作者胡善富 這樣論述：

本研究利用瀏覽器、關聯式資料庫，開發液晶顯示模組(Liquid Crystal Module, LCM)設計程序，讓設計者在網頁介面上以標準化的流程進行LCM模組的建立，並導入由上而下(Top-Down Design)的設計概念，在設計初期經由骨架建立，確定每個模組之間的位置與零件裝配的關係，再依序進行各實體模組設計；介面設計利用HTML5所提供的Canvas標籤，進行設計提示，在介面上呈現2-D零件圖，依照參數變化適時地產生動態更新，並將在網頁介面上所獲得的設計參數存入資料庫，透過系統與CAD軟體整合讀取參數，快速地更換樣本檔中的尺寸，產生完整的LCM模型；在系統架構下，以設計與模型建立分

離的方式，將過往必須在CAD軟體中進行的LCM設計，轉換為在網頁介面中即可進行，提升設計的彈性，並利用CAD軟體的二次開發，整合設計端所獲得的資訊，自動完成LCM模型的建立，縮短40%以上的設計時間。