這個頁面的程式碼沒跑起來。 直接從資料夾裡開啟 index.html,瀏覽器會攔下 JavaScript 模組,於是你選好誰上這張圖之後,頁面不會有任何反應。改用 http 把這個資料夾提供出去:
powershell -ExecutionPolicy Bypass -File serve.ps1 然後開啟 http://localhost:8080/。
1 說清楚你在比誰 一個名字、一個身高,還有畫成哪種圖形。每一行一開始就帶著一個身高,你可以直接蓋著改。身高按你平時的寫法寫就行——173、1.73 m、5'8"、68 in 都讀得懂——每個框下面那行會顯示它讀成了什麼;框是空的,或者身高讀不出來,它就用紅字說出來。不會有什麼被悄悄猜掉。
這裡的從上到下,就是圖上的從左到右。 要挪動一行,抓住它左邊的把手拖,或者用箭頭,那在鍵盤上做的是同一件事。不管哪種,只要圖表原本在按身高排序,它都會回到你自己的順序。
SVG 能把任何一張圖放到標尺上——一個標誌、一張平面圖、一個機器零件都行。檔案在這個頁面裡讀,哪裡都不去。留下的只有裡面的形狀:它以一種實色進來,顏色由你逐行來挑;而任何夠得著網路的東西——外鏈圖片、樣式表、字型、指令碼——都會被留在原地,不會跟著進到一張你可能發給別人的圖裡。用細線畫的、不是實心形狀的圖,出來會是一團實心的墨塊,這也是這個工具唯一不合適的場合。
照片或 PNG 則原樣放上去,保留它自己的顏色,所以那一行的顏色只用來寫名字。它同樣在這個頁面裡讀,放上去之前會重畫一遍——這既限制了它給圖表添的分量,也把檔案裡的附帶資訊留在了外面。透明的地方仍然透明,所以去背好的圖能乾淨地站在標尺上;照片則連背景一起來,最好先裁掉。
這裡大多數是畫出來的,不是一個素方塊——帶把手的門、上面帶冷凍室的冰箱、一看就是沙發的沙發。畫會按這一行的兩個數字來套,所以決定形狀的還是數字:把你自己的蓋上去,圖就跟著變。有三個沒有畫,因為沒找到既能自由使用、比例又對的:籃球架、海運集裝箱和廚房檯面,還是以前每件物件都用的那個矩形。
裡頭有幾個是真的固定:20 英尺的海運集裝箱按定義就是 259 cm 高,籃球框在 305,美國的室內門是 203 乘 81。其餘是常見尺寸而不是標準——門、窗和檯面各國不同、各家也不同。每一個進來都是一行普通的行,量一下你自己的,把真數字蓋上去。
單位 釐米 英尺和英寸
或者加點東西當參照 挑一個… 室內門 — 203 × 81 cm 入戶門 — 203 × 91 cm 窗戶 — 120 × 90 cm 車庫門 — 213 × 244 cm 白板或黑板 — 120 × 240 cm 辦公桌 — 74 × 120 cm 四抽檔案櫃 — 132 × 38 cm 投影幕,100 英寸 — 125 × 221 cm 自動售貨機 — 183 × 100 cm 帶輪垃圾桶,240 L — 107 × 58 cm 籃球架 — 305 × 183 cm 海運集裝箱,20 英尺 — 259 × 606 cm 冰箱冷凍一體 — 178 × 76 cm 廚房檯面 — 91 × 60 cm 餐桌 — 75 × 150 cm 餐椅 — 90 × 45 cm 三人沙發 — 85 × 210 cm 立式鋼琴 — 125 × 150 cm 民謠吉他 — 100 × 38 cm 葡萄酒瓶 — 32 × 8 cm
男性 女性 男孩 女孩 物體 自己的圖片 第 {n} 行的圖形 第 {n} 行的名字 第 {n} 行的身高 第 {n} 行的寬度 第 {n} 行的顏色 把第 {n} 行上移 把第 {n} 行下移 刪掉第 {n} 行 拖動可重新排序 名字 173 cm 5'8" 寬度 讀作 {height} 這一行要先有身高才畫得出來。 這不是這裡讀得懂的身高。試試 173、1.73 m、5'8" 或者 68 in。 太矮畫不出來——最小 5 cm。 比圖表能到的還高——上限是 12 米。 已加入,用那個檔案裡的 {shapes} 個形狀畫成。為了讀它,沒有上傳任何東西。 那個檔案裡沒有可以畫的東西。只留下形狀——只有文字、效果或連結圖片的檔案,一個形狀也沒有。 那個檔案不是這裡讀得懂的 SVG。 那個檔案要當一個形狀太大了。上限是兩 MB。 已加入。圖片在這個頁面裡讀,沒有上傳任何東西。 那個檔案不是這裡讀得懂的圖片。 那張圖片太大了。上限是 12 MB。 加個人,圖表就出現在這裡。 每一行都得有身高。填一個,圖表就出現在這裡。 十二個圖形已經是這張圖表還能讀得清的極限了。 {count} 個圖形,{width} × {height} 畫素。標尺從地面一直到 {top},每 {step} 一條線。 一個圖形,{width} × {height} 畫素。標尺從地面一直到 {top},每 {step} 一條線。 已儲存。為了畫它,沒有往任何地方送過東西。 {detail}。SVG 還是會下載。 已複製。要用就貼過去。 這個瀏覽器不讓頁面寫剪貼簿。改成下載吧。 圖表上還沒有可儲存的東西。 這個瀏覽器不肯畫這個 SVG 這個瀏覽器不肯寫 PNG 你輸入的名字和身高沒有去任何地方。載入了 {total} 個檔案。{platform} 有東西聯絡了 {hosts},而這個工具從不這麼做。{platform} 本站自己用於廣告、統計和捐贈按鈕的指令碼來自 {hosts} 個主機,它們誰也沒拿到任何名字或身高。 本站自己用於廣告、統計和捐贈按鈕的指令碼來自 {hosts} 個主機,它們誰也沒拿到任何名字或身高。