雄::gsyan: HTML5 : 筆順練習第三版(2019版)習寫筆跡存為圖片

HTML5 FUN 筆順練習第三版(2019版)的字練習過後，可以重播習寫的筆跡動畫，如果將筆跡資料匯出為檔案後，還可以在日後匯入重播，習寫結果匯出與匯入詳細的說明可以參考這篇「雄 : HTML5 : 筆順練習第三版(2019版)習寫結果匯出與匯入」。

八月中在水里國小，有老師問到可以將筆跡資料直接變成 GIF 動畫嗎？哈！這個功能我也曾想做，但是要動到滿底層的技術，只能再研究了。不過，我先讓「匯出習寫結果」多一個功能，可以將所有習寫過的字，手寫筆跡匯出一張圖片，就像底下 [圖1] 這樣：

[圖1] 匯出的習寫筆跡圖片

跟播放習寫動畫一樣，黑色的筆跡是正確的，紅色的筆跡則是寫錯的，如果練習多次，只會記錄最後一次正確的。

要怎樣將習寫筆跡圖匯出呢？

[圖2] 匯出習寫結果的選單

如 [圖2] 的紅色箭頭所示，先按「匯出習寫結果」的圖示，出現選單以後，再按「下載筆跡為圖片」，即可將筆跡匯出為 PNG 圖片檔。

如果是在 iPad 上操作可能還要再依個人需要，選擇儲存的方式與位置

[方法一] iPad 中，是由主畫面啟動筆順練習的，是這樣儲存習寫筆跡圖：

[圖3] iPad 中以「分享」的選單來儲存圖片

[圖4] iPad 中儲存圖片

[方法二] iPad 中，由 Safari 瀏覽器中執行筆順練習的，則是將圖片儲存到「下載」：

[圖5] 用 Safari 的「下載」儲存圖片

[圖6] 在「下載」中找儲存好的筆跡圖

如果是直接使用瀏覽器開啟筆順練習工具的，應該就是到「下載」的資料夾中找儲存好的圖片即可；反正按「下載」或是「儲存」鈕時，務必看一下、記一下檔案儲存到哪裡去，就對了。

以上是簡單地介紹筆順練習第三版(2019版)習寫筆跡儲存為圖片檔案的方法，使用上如果有任何問題，歡迎在底下留言反應。

底下的影片示範如何在電腦中操作，將習寫筆跡儲存為圖片：

雄::gsyan