繼續修改、實作功能跟調整介面
感覺快要做完了耶^O^
左方工具選項調整
參考圖介面調整跟邏輯重新製作
https://imgur.com/Mh60dPP
點按鈕後會跳出選擇檔案
選擇檔案載入後就會把參考圖繪製到版面上
用slider調整透明度
https://imgur.com/laL50JE
點下Edit按鈕後切換成調整模式
https://imgur.com/iWEplcA
此時畫面中的參考圖周圍用紅框線標示
可以滑鼠按住方框上方的紅色Tab區拖曳移動
縮放畫面後的顯示
https://imgur.com/E2GcEEf
目前看起來沒有什麼大問題就是了
就是只有平移的功能而已，還算堪用啦
另外工具選項，把原本的範圍圈選改為複製ANSI的選項
https://imgur.com/zXzGBb4
跟區塊留言一樣，滑鼠左鍵點住後拖曳圈選範圍
放掉後會跳出對話框
https://imgur.com/9rm8cdW
選擇是否要複製圈選的區域ANSI碼
如果按下確定，則跳出存檔介面
https://imgur.com/TfwhZW3
儲存成功後跳出訊息提示
https://imgur.com/XOGo5yw
要包含雙色的關係，同時也使用big5編碼
所以就不能使用剪貼簿的功能了
char會被utf8處理過，就會異於原始資料
打開檔案檢查資料
因為是使用big5編碼來處理符號
所以一般文字編輯器打開會看起來是亂碼就是
用可以檢視big5的編輯器開起來的樣子
https://imgur.com/OBzNqep
用不能檢視的打開看
https://imgur.com/TnnRLPr
目前邏輯簡單寫，還有些問題就是了
※ 引述《poewar (☺☻)》之銘言：
: 繼續修改系統
: 把一些暫時性的code整理，移除多個不使用的部分
: 也重新調整了一些計算的邏輯
: 原本預計要做的功能倒是沒完成幾個
: 工具選項在滑鼠移上去顯示說明提示
: https://imgur.com/AXi3fBb
: 沒什麼實際用途的功能，不過就多個說明比較友善一點
: 介面配色小部分微調，以及版面調整
: https://imgur.com/OhPucff
: 把聊天區塊改為可以切換顯示
: 右上角有按鈕可以打開
: 一般電腦畫面來說影響不大
: 但是在手機比較小的畫面上就可以讓繪製區畫面比較寬廣一點
: 切換為打開的狀態
: https://imgur.com/eLoBYY4
: 留言文字因為一般留言跟區塊留言目前放在一起
: 所以用個顏色區別
: 實作顯示區塊留言的功能
: https://imgur.com/GrKNQmk
: 除了背景色區別之外，當有勾選顯示區塊留言的時候
: 會在畫面上訊息旁邊顯示紅點，並有提示線顯示位置
: 除了顯示區塊留言的切換，留言訊息區塊摺疊也會隱藏顯示
: 簡單實作區塊留言輸入
: https://imgur.com/BD5152p
: 選擇工具後，滑鼠左鍵點擊畫面並拖曳範圍
: 放開滑鼠按鈕後顯示輸入框
: 目前的功能只有電腦端使用滑鼠比較完整
: 手機或平板的觸控目前只做的基本的移動、縮放跟繪製
: ※ 引述《poewar (☺☻)》之銘言：
: : 繼續修改功能
: : 這次把匯入參考圖的功能完成一部分
: : 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
: : 目前就單純把繪製可視區的部分輸出