繼續修改系統 把一些暫時性的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://webptt.com/m.aspx?n=bbs/asciiart/M.1742916850.A.2F8.html