線上繪圖板的精準度，建立在一個固定的 1000 乘 600 像素工作畫布上，這個畫布會自動縮放以符合任何螢幕寬度，同時保持指標位置的對齊。「線上白板」工具的每一筆都是在這個固定的座標空間上繪製——你的滑鼠、觸控板、觸控筆或手指移動，都會被對應到精確的畫布座標，因此在寬螢幕桌機上畫的形狀，到了狹窄的手機螢幕上看起來位置依然一致。筆觸會以獨立紀錄的形式儲存，並保留各自的顏色和粗細；復原只會移除最新的那一筆，而你最後下載的檔案是一張乾淨的 1000 乘 600 PNG，背景為白色。單次點擊會產生可見的點而非消失，座標對應從桌機到行動裝置都保持一致。由於畫布不會上傳、同步或儲存到任何帳號，因此這裡所說的精準度，是指在單一瀏覽器分頁內的視覺保真度，而非跨裝置的即時共用精確度。
對線上繪圖板而言，「精準度」代表什麼
對大多數人來說，線上繪圖板的精準度取決於三件事：筆觸實際落在畫布上的位置、同一個形狀在不同裝置上看起來是否一樣，以及儲存的檔案是否能重現螢幕上的內容。瀏覽器繪圖工具在這些方面差異很大，因為有些工具會把指標位置對應到螢幕當下的像素尺寸，導致在筆電上畫的形狀到手機上會被拉長或壓扁；其他工具則會以非常高的解析度重新繪製再縮小，這可能會讓細線變模糊，或讓筆觸端點偏移幾個像素。
「線上白板」工具採用了不同的做法。指標座標會從響應式的 CSS 矩形進行裁切與縮放，對應到固定的 1000 乘 600 畫布，因此工作表面永遠保持相同的內部比例，每一筆都是儲存在這個固定格點上。在 27 吋螢幕上畫的同一個圓，換到 6 吋手機上開啟同一個分時，位置仍然一致。在這個脈絡下，精準度指的是線條落點的可預測性，而不是工程公差等級的精細度。
畫布如何在每個螢幕上保持對齊
白板背後的精準度故事，基本上就是一座標對應的故事。當你在可見的板上移動指標時，瀏覽器會記錄相對於顯示矩形的位置。這個可見矩形的寬度可以是任意的——桌機上是全螢幕、開啟側邊面板的筆電上是半螢幕、手機上則是全寬。工具會接收指標在該矩形內回報的位置，並將其轉換成 1000 乘 600 工作畫布上對應的位置。
正是這個轉換，讓在桌機螢幕右側邊緣附近畫的水平線，到了手機上仍然出現在右側邊緣附近。這也是垂直比例能保持一致的原因——畫布永遠使用相同的 1000:600 比例，因此在一個裝置上畫成圓形的圓，到了另一個裝置上仍然渲染成圓形而不是橢圓形。取捨在於，板本身並不會為了大型列印而自動提升解析度；匯出的 PNG 與工作畫布同樣是 1000 乘 600 的尺寸。對多數草圖與圖表用途而言，這個尺寸已經相當足夠，且檔案在一般螢幕顯示大小下依然清晰。
在白板上畫出精準的草圖
若要從免費的瀏覽器白板獲得最精準的成果，請依序按照以下流程操作。每個步驟都圍繞著工具中已驗證的運作步驟設計，因此流程與白板實際支援的功能一致。
- 為下一筆選擇筆色與筆刷大小。挑選你想要的顏色，並將筆刷寬度設定在 1 到 40 像素之間。先選好筆刷再開始繪製，可以避免畫完一張乾淨的圖後，才發現每條線都太細或太粗的常見錯誤。
- 先畫出大致輪廓。淡淡的描邊、方框、箭頭以及大型結構線，都應在任何標籤之前下筆。從大到小著手，能減少不小心把小字放在原本要畫連接線的位置。
- 使用指標、觸控輸入或觸控筆在白色畫布上繪製。讓輸入裝置順暢地滑過表面。單次點擊會產生可見的點，這在標示流程圖的轉角或端點時非常實用。
- 使用觸控筆或穩定的指標動作來加上標籤。手寫文字是最講究精準度的部分，所以要放慢速度，讓筆觸短而粗細一致。
- 當只需要修正最新一筆時，使用「復原」。「復原」會移除最近一個完成的筆觸，而不會清除先前的內容，因此可以保留下方的圖形。只有在整個白板需要重來時，才使用「清除」。
- 在離開頁面前選擇「下載 PNG」。匯出的是一張 1000 乘 600、背景為白色的 PNG，精確擷取白板在下載當下的外觀。
使用指標、觸控或觸控筆繪圖
每種輸入方式都有各自的精準度特性。滑鼠提供最穩定的游標，但沒有壓力感測，所以筆刷寬度完全是你從選單中選定的值。觸控板表現類似，但在長筆觸時容易略微飄移，因為手指接觸比滑鼠握持更為柔軟。觸控螢幕上的觸控筆最接近筆在紙上的感覺，也是小型標籤與細節圖表最精準的選擇。
手機或平板上的觸控輸入變化最大，因為手指接觸的面積比筆尖大，且瀏覽器為了避免線條出現鋸齒，會積極地平滑路徑。對於需要精準的形狀（例如流程圖的連接線），將瀏覽器視窗放大到全螢幕並使用觸控筆，會比在預設縮放等級下用手指繪圖更為精準。
無論使用哪種輸入方式，底層的精準度都是一樣的：每一次完成的筆移動都會以一筆的型式儲存，並保留其顏色與粗細；當畫布重繪或匯出時，該筆觸會以相同的型式重播到底色上。過程中沒有任何重新取樣會改變線條的落點，因此用觸控板畫的筆觸，與用觸控筆畫出的同一條路徑在幾何上完全相同。
復原、清除與從錯誤中回復
精準度不僅在於線條落在哪裡，也在於修正錯誤時能否不破壞其他成果。白板把這兩種需求清楚地分開。「復原」只會移除最近一個完成的筆觸——定義為從指標按下到放開之間的連續筆移動——因此可以擦掉一筆誤寫的標籤，而不會動到它下方的圖形。「清除」則會重置整個白板，只有在整張草圖需要重來，或要切換到完全不同的圖時，才是正確的選擇。
每次使用「復原」或「清除」時，實作上會把剩下的筆觸紀錄重新播放到底色上，因此不會出現鬼影、殘影或被移除筆觸留下的多餘像素。這也是為什麼精準度能在多次「復原」之間維持的原因：保留下來的筆觸從未被修改，只有歷史清單變短了。對於一張較長的圖，這代表從上到下繪製、並在標籤階段頻繁「復原」，會比出錯後整張重畫更為精準。
下載精準的 1000 乘 600 PNG
儲存作品時，是精準度能否延續或失效的關鍵。白板的「下載 PNG」按鈕會以精確的 1000 乘 600 像素、純白背景，匯出目前的繪圖內容。由於工作畫布本身就是那個解析度，下載結果是螢幕內容的直接逐像素複製——沒有任何縮放步驟可能讓筆觸位置偏移一兩個像素。
這張 PNG 很適合附加到聊天訊息、放入簡報，或貼到文件中。它並非適合印成大海報的高解析度檔案；若需要這種用途，來源圖就必須在向量設計工具中重建。可靠的工作流程是在進行重大修改前先下載一個存檔點，這樣在同個分頁內隨時可以回復到較早的版本。由於畫布在重新整理後不會保留，PNG 是唯一持久的紀錄。若要完整了解如何在不上傳、不同步的私密畫布上作業，請參考我們的線上繪圖板：在私密瀏覽器畫布上塗鴉指南。
精密工作需要留意的限制
白板刻意聚焦於手繪筆觸，這樣的定位伴隨著限制。畫布本身沒有縮放、沒有格點吸附、沒有對齊輔助線，也沒有針對單一筆觸進行物件層級編輯的功能。沒有圖層、沒有向量圖形，也沒有畫在板上的尺規。這些省略是有意為之——這個工具的設計訴求就是快速啟動、表現可預測——但對精密工作來說，這些差異仍然重要。
| 功能 | 線上白板 | 一般向量設計應用程式 |
|---|---|---|
| 跨螢幕的座標精準度 | 固定 1000x600 格點，響應式縮放 | 依文件大小而有所不同 |
| 壓力感測 | 無，筆刷寬度由選單控制 | 在支援的硬體上可以 |
| 格點吸附或輔助線 | 無 | 有 |
| 物件層級編輯 | 無，筆觸為不可分割的最小單位 | 有 |
| 儲存檔案的解析度 | 1000x600 PNG | 可縮放，可匯出為任意尺寸 |
| 雲端同步或協作 | 無 | 通常有 |
對於技術繪圖、建築圖，或任何要求線條落在不到一個像素以內的工作，專用的設計應用程式才是正確的工具。至於會議上的草圖、課堂示範、快速圖表與視覺說明，白板的精準度已綽綽有餘——而且無需設定時間正是它的賣點。直接在瀏覽器中使用線上白板工具試試看。
延伸閱讀：螢幕亮度精準度：為什麼相同的設定看起來不一樣。