推 htx9: 推 03/26 21:02
繼續修改系統
把一些暫時性的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
: 目前就單純把繪製可視區的部分輸出
: ※ 引述《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點的移動版面判斷
: : 平板或手機的觸控單指是可以滑動畫面
: : 也只能平移就是了，其他部分後續有時間再說
--
◤
◤
◤ ◤ANSI繪圖軟體 ◤
◤ ANSI Art Creator
◤ ◤ ◤ https://aac.iverv.com
◤ ◤ ◤ ◤ ◣
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.5.88 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/asciiart/M.1742916850.A.2F8.html