Annot.
圖像說明框編輯器
Annotation Editor · v1
Box
+ 新增框
複製
刪除
File
匯入 JSON
Export
輸出 ▾
HTML
.html
SVG
.svg
PNG / JPG 縮放
%
— × — px
PNG
.png
JPG
.jpg
儲存設定檔
.json
從右側面板載入一張圖像,
就能開始為它加上說明框。
Load an image to begin
底圖來源
上傳檔案
貼網址
點此選擇圖片
或拖放檔案到此處
圖片網址
載入
— × — px
清除目前圖片
說明框列表
0
尚未加入說明框
說明框設定
顯示標題列
標題
標題色
標題字級 (px)
標題對齊
左
中
右
兩端
分散
內文
內文對齊
左
中
右
兩端
分散
外觀
背景色
透明度
內文色
內文字級 (px)
框線
線型
無
實線
虛線
點線
雙線
顏色
粗細 (px)
圓角
0 px
引線
啟用引線指向
線色
線寬 (px)
顯示箭頭
位置與尺寸
X (%)
Y (%)
寬度 (%)
高度 (%)
操作
點擊框選取 · 拖曳移動 · 抓角縮放 ·
Del
刪除 ·
Esc
取消選取
啟用引線後可拖曳紅色端點調整指向位置。
HTML
代碼預覽
×
標籤限制:
div · span · p · hr · b · i · img · br
樣式:
全部 inline style
單位:
font-size / padding / margin = rem,其餘 px / %
複製到剪貼簿
下載為 .html
關閉