繼續修改功能 這次把匯入參考圖的功能完成一部分 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 : : 雖然當前可以在平板上顯示，但是因為我目前的操作邏輯是用滑鼠判斷 : : 所以觸控點按鈕什麼的沒有問題，但是不能移動圖面跟繪製 : : 是否加入這部分的邏輯之後再看看 -- ◤ ◤ ◤ ◤ANSI繪圖軟體 ◤ ◤ ANSI Art Creator ◤ ◤ ◤ https://aac.iverv.com ◤ ◤ ◤ ◤ ◣ --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.5.88 (臺灣) ※ 文章網址: https://webptt.com/m.aspx?n=bbs/asciiart/M.1741016865.A.19F.html