標籤設計器

📖 工具介紹

做商品標籤、物流面單、資產貼紙或者貨架價籤的時候，往往需要一個能自由擺放文字、條碼和圖形的排版工具。這個工具把常見的標籤設計流程搬到了瀏覽器裡：先設定紙張尺寸和一版排幾行幾列，再往畫布上添加文本、一維碼、二維碼、矩形、橢圓或直線，每一個元素的位置、大小、旋轉、字體與顏色都能單獨調整，改動後預覽立刻重繪。條碼編碼與二維碼矩陣全部在本地計算，不依賴任何外部庫，也不上傳任何內容，完成後可導出成 PNG、JPEG、SVG 或 PDF。

✨ 功能特點

• 六種元素類型：文本、一維碼、二維碼、矩形、橢圓、直線，每種都能單獨擺放、縮放、旋轉與鎖定。
• 條碼引擎完整本地實現：Code 128、Code 39、EAN-13、EAN-8、UPC-A、ITF-14 各自按標準規則計算校驗位並生成條空序列；二維碼支持 L、M、Q、H 四級糾錯，可裝下中文內容。
• 紙張參數給得比較全：寬高、列數、行數、水平與垂直間距、左右上下邊距、圓角、打印分辨率、背景色，還能切換網格與裁剪線的顯示。
• 文本數據來源可切換：固定內容、流水號或當前日期。流水號可設起始值、步長、位數與前後綴，導出多份時逐份遞增。
• 圖層面板支持點選、上移下移、複製與刪除；畫布上直接拖動即可移動元素，右下角手柄用於縮放，鎖定後元素不再響應鼠標。
• 導出格式有 PNG、JPEG、SVG、PDF 四種，可選單張或整版拼版，放大倍數一到四倍；PDF 按份數生成多頁，方便直接送打印機。

🛠 使用方式

1. 在標籤紙張區設好紙張寬高與行列數，需要整版打印時把列數和行數調到實際排數，間距與邊距按捲紙規格填寫。
2. 用添加元素區的按鈕加入所需元素，然後在預覽區點選它，元素屬性區會自動切到該元素對應的參數。
3. 文本元素可以把數據來源改成流水號或當前日期，流水號支持起始值、步長、位數以及前後綴的設定。
4. 在預覽區拖動元素可移動位置，拖動右下角手柄可改變尺寸；需要固定某個元素時勾選鎖定。
5. 在輸出與導出區選好格式、範圍、份數與倍數，點導出保存文件；份數大於一時 PDF 會生成多頁。

⚠️ 注意事項

• 條碼數據必須符合制式：EAN-13 需要 12 或 13 位數字，UPC-A 需要 11 或 12 位，ITF-14 需要 13 或 14 位，位數或字符不符時預覽會給出提示，而不是畫出一條掃不出來的錯誤條碼。
• 字體依賴本機字庫：無襯線、襯線、等寬三類會回退到操作系統已有的字體，同一份文件在不同電腦上字形可能有差異。
• 尺寸以毫米爲單位：預覽按所選分辨率換算成像素，導出倍數直接乘在分辨率上，600 DPI 再乘 4 倍會產生很大的圖，網頁用圖一般不必設這麼高。
• PDF 是嵌入圖片的單頁或多頁文件：它便於直接打印，但不包含矢量文字，需要再次編輯矢量內容請選擇 SVG 格式。
• 請勿用於仿冒與欺詐：本工具用來設計自用標籤與演示物料，不要用它製作仿冒他人品牌或用於欺騙的標籤。