# step1 需求 本頁面大約有10個標簽需要渲染 技術 canvas 思路分析 初步計算 1. 確定一個 基點（x1,y1) 2. 在固定的x1里，根據canvas.Height 得到 y => [min,Height] 3. 隨機獲取 y1. temp = Height - y1，得到點的相對位置。 4. 如果temp 大于 Height/2 ，證明點在上半區, 執行 5 如果temp 小于 Height/2 ,證明點在下半區 5. 執行渲染，并且將 y => [temp + text.size + 10, Height] , x1 += 10 * text.szie 為字體的大小， 6. 執行渲染， 并且將 y => [min, temp], Height = temp 實現思路二： 1.確定一個基點（x1,y1) 2.計算字體的大小，根據等級range確定一個字體的大小， size = item.text.length * (Number(range)*d + 6) + size;