繼續修改功能
這次把匯入參考圖的功能完成一部分
https://imgur.com/WNFVQIp
目前只有把調整透明度做好
旋轉還在測試，目前寫死匯入後轉45度用來測試
移動調整位置部分還在構思
稍微調整了一下控制的邏輯，所以也在手機上測試運作
順便測試手機的把頁面存成App，手機開啟頁面後安裝頁面之類的
Windows的Edge也可以在選項裡面選擇將此網站安裝為應用程式
https://imgur.com/EIYHVj9
手機實際執行的畫面(使用Sony xperia 1)
https://imgur.com/fmrL0tX
同時也調整開始的提示訊息，偵測為device則顯示觸控的說明
實作觸控的移動跟縮放，實際測試
以及打開符號選擇的介面
https://imgur.com/X4MvTHX
目前操作起來感覺是還行啦
順便測試ContextMenu
電腦版使用滑鼠右鍵，觸控則是單點擊不放1~2秒後打開
目前只做一個截圖的功能
https://imgur.com/AxKjLBS
實際截圖後的圖片
https://imgur.com/MqkVTzX
目前就單純把繪製可視區的部分輸出
※ 引述《poewar (☺☻)》之銘言：
: 繼續調整畫面跟功能
: 因初始連線撈取資料會有點延遲
: 再加上撈完資料繪製也會需要一點時間
: 所以加上一個提示的訊息
: https://imgur.com/klto6b8
: https://imgur.com/rmLTouy
: 說是延遲，但也就是3~5秒左右的時間
: 是沒有太大影響，不過加個訊息會好一點
: 調整簡易操作說明方塊
: https://imgur.com/sEGOd2i
: 原本卡在最下面不好看也佔一個空間
: 改為類似訊息方塊，顯示在繪製區域上方，可以關閉
: 格線的標示數字之前文字設定有問題，顯示太小，一起調整
: https://imgur.com/eDLwl0E
: https://imgur.com/F9pPsgm
: 介面配色些微調整
: 然後左方工具，筆刷方塊依據全形或半形調整顯示大小
: 而全形或半形的判斷，跟AAC一樣，使用Unicode官方的文件為判斷的邏輯
: https://www.unicode.org/reports/tr11/tr11-43.html
: 工具區新增一個參考圖
: 因為在測試畫兔子的時候，發現有點不好畫
: 所以想做個匯入圖片
: 這個匯入是使用各個browser的temp檔存放空間
: 目前還沒做完這部分，也還沒想好要怎麼調整圖的位置、大小等
: 操作的部分
: 測試補一個touch點的移動版面判斷
: 平板或手機的觸控單指是可以滑動畫面
: 也只能平移就是了，其他部分後續有時間再說
: ※ 引述《poewar (☺☻)》之銘言：
: : 繼續製作ansi共繪
: : 當前結果
: : https://imgur.com/KtiYd8M
: : 測試亂數繪製256色前景跟背景的符號
: : 調整介面，切分成三大區塊
: : 左方的顏色、工具跟控制選項
: : 目前工具只有畫筆跟橡皮擦
: : 區塊留言還未開始製作，預計構想是可以方框框選一個範圍然後留訊息
: : 訊息會顯示在繪製區畫面上，可以切換是否顯示
: : 不知道實際如何還是要等開始弄了才行
: : 右方留言區塊簡單實作出來
: : 顯示訊息列表跟輸入的部分
: : 剩下讓繪製區填滿中間，下方加一個訊息說明
: : 符號列表顯示
: : https://imgur.com/0us3Dfu
: : 當前是簡單滑鼠移到右方的按鈕hover後顯示
: : 列表的內容就使用AAC當中使用的資料
: : 結構有稍微調整跟清除不用的資訊來減低檔案大小
: : 放在右邊跳出是想說可以在選擇的時候，看到左方功能區畫筆實際顯示的樣子
: : 因為讓繪製區改為填滿中間區域
: : 測試不同解析度的狀況
: : https://imgur.com/dCmab7D
: : https://imgur.com/N4iGNWp
: : 雖然當前可以在平板上顯示，但是因為我目前的操作邏輯是用滑鼠判斷
: : 所以觸控點按鈕什麼的沒有問題，但是不能移動圖面跟繪製
: : 是否加入這部分的邏輯之後再看看

推