HTML5 : 筆順練習第三版(2019版)下載部件為圖片

 HTML5 FUN 的筆順練習第三版(2019版)除了筆順以外，有支援部件的功能。介紹文寫寫停停的，都快三年了，還是草稿，躺在 Blog中。

【後記】哈～寫好了！在這裡：

• 雄 : HTML5 : 筆順練習第三版(2019版)

先來介紹一下如何把部件下載為圖片。

筆順練習第三版(2019版)可以在 HTML5 FUN 的網站中找到：

• https://gsyan888.github.io/html5_fun/

目前筆順練習第三版，每個字支援最多自訂三組部件，可以自行切換後，再用畫面左下角「塗鴉工具」中的的填色工具來設定部件的組成。

單字模式「部件拆解」中有下載圖示

一進入筆順練習第三版的「多字模式」後，只要按一下想練習的字，就可以進入類似上圖這樣的「單字模式」。「單字模式」的功能選單都在側邊，左側有一個「部件拆解」，按下去以後，就會呈現這個字的部件，而且左下角會多一個下載的圖示。

下載單一部件

想下載哪一個部件的圖片，在電腦上就對準該部件，按住滑鼠左鍵不放，並拖曳至下載的圖示上，游標對準下載圖示，並放放按鍵以後，就會自動匯出部件的圖片，並下載囉！

下載全部的部件

如果想一次下載該字的所有部件，類似下載單一部件的操作，不過，滑鼠的按鍵要使用不是左鍵來按，這樣子就可以批次將該字所有的部件下載並儲存。

示範影片

底下錄了一小段影片，說明如何將筆順練習第三版的部件，下載為圖片：

部件的設定與分享

如何自訂部件，如何儲存自訂部件的設定，及如何分享給學生或其它人使用，可以參考底下這一篇介紹：

• 雄 : HTML5 : 筆順練習第三版(2019版)部件的設定與分享

其它說明及影片，請參考相關連結。

版權聲明

• 本程式所使用的筆順資料來自：
  中華民國教育部「國字標準字體筆順學習網」
  https://stroke-order.learningweb.moe.edu.tw/
• 教育部的筆順網採創用CC「姓名標示－非商業性－禁止改作3.0臺灣版」授權條款，本工具亦與筆順網採用相同的授權條款，不得用於商業用途。
  
  
  

相關連結

• 雄 : HTML5 : 筆順練習第三版(2019版)
• 雄 : HTML5 FUN
• 雄 : HTML5 : 筆順練習第三版(2019版)部件教學應用
• 雄 : HTML5 : 筆順練習第三版(2019版)筆順與部件資料的匯出與匯入
• 雄 : HTML5 : 筆順練習第三版(2019版)部件的設定與分享
• 雄 : HTML5 : 筆順練習第三版(2019版)習寫結果匯出與匯入
• 雄 : HTML5 : 筆順練習第三版(2019版)習寫筆跡存為圖片
• 雄 : HTML5 : 筆順練習第三版(2019版)左手習寫模式