回應畫筆和手寫筆互動 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱最新文件 ]

透過增加手寫筆或手寫筆的支援，製作一個可以建立手寫筆記、繪圖以及註解的應用程式。

秘訣這個主題的資訊是專門用來開發使用 JavaScript 的 Windows 市集應用程式。

對於使用 C++、C# 或 Visual Basic 的 Windows 市集應用程式，請參閱回應手寫筆和手寫筆互動 (XAML)。

先決條件: 如果您是使用 JavaScript 開發 Windows 市集應用程式的新手，請仔細閱讀這些主題以熟悉這裡討論的技術。

應用程式功能，從開始到完成: 在應用程式功能，從開始到完成系列深入探索此功能。

注意

平台控制項程式庫 (HTML 和 XAML) 提供完整的 Windows 使用者互動體驗，包含標準互動、動畫物理效果及視覺化回饋。如果您不需要自訂的互動支援，請使用這些內建控制項。

如果平台控制項不足，下列使用者互動指導方針能讓您在各種輸入模式下提供令人讚賞的沈浸式互動體驗。這些指導方針主要著重在觸控輸入，不過與觸控板、滑鼠、鍵盤和手寫筆輸入仍有相關。

範例: 在 Windows 市集應用程式範例中，查看此功能的執行方式。

概觀

畫筆/手寫筆可以當做精確的指標裝置，也可以是與數位筆跡相關的繪圖裝置。

Windows 8 筆跡平台搭配畫筆/手寫筆裝置之後，使用者就可以自然的方式手寫筆記、繪圖以及註解。這個平台可以擷取數位板輸入的筆跡資料、產生筆跡資料、將資料轉譯成輸出裝置上的筆跡筆觸、管理筆跡資料，以及執行手寫辨識。

當使用者書寫或畫圖時，除了感應手寫筆的空間移動外，應用程式還可以收集各種資訊，例如壓力、形狀、顏色以及不透明度，讓使用者感受如同用鋼筆、鉛筆或筆刷在紙上繪圖一樣。

注意 Windows 8 的筆跡平台也支援來自其他指標裝置的輸入，包括觸控數位板和滑鼠裝置。

Windows 8 的 UI 理所當然支援手寫筆輸入本有的精確度，Windows 8 已針對觸控的不精確本質最佳化。針對觸控輸入最佳化您的 Windows 市集應用程式設計，獲得預設的基本手寫筆支援。

若要支援強調直接操作某個案例中的手寫筆互動，請使用手寫筆特定 UI，為您應用程式的使用者提供對等的功能，無論他們使用何種裝置。例如，當偵測到手寫筆使用捲軸，模擬移動瀏覽或 [上一頁] 和 [下一頁] 按鈕，以翻頁內容。

主題	說明
快速入門：擷取筆跡資料	這個快速入門會引導您如何從輸入數位板擷取筆跡資料。
如何轉譯筆跡資料	了解如何將筆跡筆觸線段變成平滑的貝茲曲線。
如何儲存筆跡資料	這個主題示範如何將筆跡資料序列化成 ISF 中繼資料並內嵌到圖形交換格式 (GIF) 檔案中，以儲存筆跡資料。
如何載入筆跡資料	這個主題示範如何從圖形交換格式 (GIF) 檔案中內嵌的 ISF 中繼資料將筆跡資料還原序列化，以載入筆跡資料。
如何選取筆跡筆觸	了解如何在使用 JavaScript 的 Windows 市集應用程式中選取筆跡筆觸。
如何抹除筆跡筆觸	了解如何在使用 JavaScript 的 Windows 市集應用程式中抹除筆跡筆觸。
如何將筆跡筆觸轉換成文字	了解如何在使用 JavaScript 的 Windows 市集應用程式中使用手寫辨識功能以及將筆跡筆觸轉換成文字。