@dan-uni/dan-any 0.7.7 → 0.8.1

package/dist/index.js

@@ -8,7 +8,6 @@ import { Expose, plainToInstance } from "class-transformer";
 import { IsDate, IsEmail, IsEnum, IsInt, IsNotEmpty, IsNumber, IsOptional, IsString, Max, Min, validateOrReject } from "class-validator";
 import hh_mm_ss from "hh-mm-ss";
 import jssha from "jssha";
-import { createCanvas } from "canvas";
 import { brotliCompressSync, brotliDecompressSync, gunzipSync, gzipSync } from "node:zlib";
 import { decode, encode as external_base16384_encode } from "base16384";
 var __webpack_require__ = {};
@@ -1133,14 +1132,14 @@ class UniPool {
                 return this.dans;
             case 'danuni.bin':
                 return this.toPb();
+            case 'bili.xml':
+                return this.toBiliXML();
             case 'dplayer.json':
                 return this.toDplayer();
             case 'artplayer.json':
                 return this.toArtplayer();
             case 'ddplay.json':
                 return this.toDDplay();
-            case 'common.ass':
-                return this.toASS();
             default:
                 {
                     const message = '(err) Unknown format or unsupported now!';
@@ -1314,7 +1313,7 @@ class UniPool {
     static fromASS(ass) {
         return parseAssRawField(ass);
     }
-    toASS(options = {
+    toASS(canvasCtx, options = {
         substyle: {}
     }) {
         const fn = this.shared.SOID;
@@ -1322,7 +1321,7 @@ class UniPool {
             filename: fn,
             title: fn,
             ...options
-        });
+        }, canvasCtx);
     }
 }
 const color_pad = (s)=>s.length < 2 ? `0${s}` : s;
@@ -1432,8 +1431,7 @@ const splitGrids = ({ fontSize, padding, playResY, bottomSpace })=>{
         2: arrayOfLength(linesCount, 0)
     };
 };
-const measureTextWidth = (()=>{
-    const canvasContext = createCanvas(50, 50).getContext('2d');
+const measureTextWidthConstructor = (canvasContext)=>{
     const supportTextMeasure = !!canvasContext.measureText("\u4E2D");
     if (supportTextMeasure) return (fontName, fontSize, bold, text)=>{
         canvasContext.font = `${bold ? 'bold' : 'normal'} ${fontSize}px ${fontName}`;
@@ -1442,7 +1440,7 @@ const measureTextWidth = (()=>{
     };
     console.warn('[Warn] node-canvas is installed without text measure support, layout may not be correct');
     return (_fontName, fontSize, _bold, text)=>text.length * fontSize;
-})();
+};
 const resolveAvailableFixGrid = (grids, time)=>{
     for (const [i, grid] of grids.entries())if (grid <= time) return i;
     return -1;
@@ -1455,7 +1453,7 @@ const resolveAvailableScrollGrid = (grids, rectWidth, screenWidth, time, duratio
     }
     return -1;
 };
-const initializeLayout = (config)=>{
+const initializeLayout = (config, canvasCtx)=>{
     const { playResX, playResY, fontName, fontSize, bold, padding, scrollTime, fixTime, bottomSpace } = config;
     const [paddingTop, paddingRight, paddingBottom, paddingLeft] = padding;
     const defaultFontSize = fontSize[FontSize.NORMAL];
@@ -1464,7 +1462,7 @@ const initializeLayout = (config)=>{
     return (danmaku)=>{
         const targetGrids = grids[danmaku.type];
         const danmakuFontSize = fontSize[danmaku.fontSizeType];
-        const rectWidth = measureTextWidth(fontName, danmakuFontSize, bold, danmaku.content) + paddingLeft + paddingRight;
+        const rectWidth = measureTextWidthConstructor(canvasCtx)(fontName, danmakuFontSize, bold, danmaku.content) + paddingLeft + paddingRight;
         const verticalOffset = paddingTop + Math.round((defaultFontSize - danmakuFontSize) / 2);
         if (danmaku.type === DanmakuType.SCROLL) {
             const scrollGrids = targetGrids;
@@ -1509,11 +1507,11 @@ const initializeLayout = (config)=>{
         }
     };
 };
-const layoutDanmaku = (inputList, config)=>{
+const layoutDanmaku = (inputList, config, canvasCtx)=>{
     const list = [
         ...UniPool2DanmakuLists(inputList)
     ].sort((x, y)=>x.time - y.time);
-    const layout = initializeLayout(config);
+    const layout = initializeLayout(config, canvasCtx);
     return DanmakuList2UniPool(list.map(layout).filter((danmaku)=>!!danmaku));
 };
 const formatTime = (seconds)=>{
@@ -1748,10 +1746,10 @@ const ass_gen_config = (overrides = {})=>{
     config.backColor = config.backColor && formatColor(hexColorToRGB(config.backColor));
     return config;
 };
-function generateASS(danmaku, options) {
+function generateASS(danmaku, options, canvasCtx) {
     const config = ass_gen_config(options.substyle);
     const mergedList = danmaku.merge(config.mergeIn);
-    const layoutList = layoutDanmaku(mergedList, config);
+    const layoutList = layoutDanmaku(mergedList, config, canvasCtx);
     const content = ass_create(layoutList, danmaku, config, {
         filename: options?.filename || 'unknown',
         title: options?.title || 'unknown'
@@ -2061,14 +2059,14 @@ class src_UniPool {
                 return this.dans;
             case 'danuni.bin':
                 return this.toPb();
+            case 'bili.xml':
+                return this.toBiliXML();
             case 'dplayer.json':
                 return this.toDplayer();
             case 'artplayer.json':
                 return this.toArtplayer();
             case 'ddplay.json':
                 return this.toDDplay();
-            case 'common.ass':
-                return this.toASS();
             default:
                 {
                     const message = '(err) Unknown format or unsupported now!';
@@ -2242,7 +2240,7 @@ class src_UniPool {
     static fromASS(ass) {
         return parseAssRawField(ass);
     }
-    toASS(options = {
+    toASS(canvasCtx, options = {
         substyle: {}
     }) {
         const fn = this.shared.SOID;
@@ -2250,7 +2248,7 @@ class src_UniPool {
             filename: fn,
             title: fn,
             ...options
-        });
+        }, canvasCtx);
     }
 }
 export { UniDM, dm_gen_namespaceObject as UniDMTools, id_gen_namespaceObject as UniIDTools, src_UniPool as UniPool, platform_namespaceObject as platform };

package/dist/index.umd.min.js

@@ -4744,14 +4744,6 @@
                     return intrinsic;
                 };
             },
-            "../../node_modules/.pnpm/canvas@3.1.2/node_modules/canvas/browser.js": function(__unused_webpack_module, exports1) {
-                exports1.createCanvas = function(width, height) {
-                    return Object.assign(document.createElement('canvas'), {
-                        width: width,
-                        height: height
-                    });
-                };
-            },
             "../../node_modules/.pnpm/define-data-property@1.1.4/node_modules/define-data-property/index.js": function(module1, __unused_webpack_exports, __webpack_require__) {
                 "use strict";
                 var $defineProperty = __webpack_require__("../../node_modules/.pnpm/es-define-property@1.0.1/node_modules/es-define-property/index.js");
@@ -17037,7 +17029,8 @@ and limitations under the License.
                 const field = map.field();
                 let key;
                 let val;
-                const end = reader.pos + reader.uint32();
+                const len = reader.uint32();
+                const end = reader.pos + len;
                 while(reader.pos < end){
                     const [fieldNo] = reader.tag();
                     switch(fieldNo){
@@ -24104,14 +24097,14 @@ and limitations under the License.
                             return this.dans;
                         case 'danuni.bin':
                             return this.toPb();
+                        case 'bili.xml':
+                            return this.toBiliXML();
                         case 'dplayer.json':
                             return this.toDplayer();
                         case 'artplayer.json':
                             return this.toArtplayer();
                         case 'ddplay.json':
                             return this.toDDplay();
-                        case 'common.ass':
-                            return this.toASS();
                         default:
                             {
                                 const message = '(err) Unknown format or unsupported now!';
@@ -24285,7 +24278,7 @@ and limitations under the License.
                 static fromASS(ass) {
                     return parseAssRawField(ass);
                 }
-                toASS(options = {
+                toASS(canvasCtx, options = {
                     substyle: {}
                 }) {
                     const fn = this.shared.SOID;
@@ -24293,7 +24286,7 @@ and limitations under the License.
                         filename: fn,
                         title: fn,
                         ...options
-                    });
+                    }, canvasCtx);
                 }
             }
             const color_pad = (s)=>s.length < 2 ? `0${s}` : s;
@@ -24332,7 +24325,6 @@ and limitations under the License.
             };
             const getDecoratingColor = (color)=>isDarkColor(color) ? WHITE : BLACK;
             const isWhite = (color)=>255 === color.r && 255 === color.g && 255 === color.b;
-            var browser = __webpack_require__("../../node_modules/.pnpm/canvas@3.1.2/node_modules/canvas/browser.js");
             const DanmakuType = {
                 SCROLL: 1,
                 BOTTOM: 2,
@@ -24404,8 +24396,7 @@ and limitations under the License.
                     2: arrayOfLength(linesCount, 0)
                 };
             };
-            const measureTextWidth = (()=>{
-                const canvasContext = (0, browser.createCanvas)(50, 50).getContext('2d');
+            const measureTextWidthConstructor = (canvasContext)=>{
                 const supportTextMeasure = !!canvasContext.measureText("\u4E2D");
                 if (supportTextMeasure) return (fontName, fontSize, bold, text)=>{
                     canvasContext.font = `${bold ? 'bold' : 'normal'} ${fontSize}px ${fontName}`;
@@ -24414,7 +24405,7 @@ and limitations under the License.
                 };
                 console.warn('[Warn] node-canvas is installed without text measure support, layout may not be correct');
                 return (_fontName, fontSize, _bold, text)=>text.length * fontSize;
-            })();
+            };
             const resolveAvailableFixGrid = (grids, time)=>{
                 for (const [i, grid] of grids.entries())if (grid <= time) return i;
                 return -1;
@@ -24427,7 +24418,7 @@ and limitations under the License.
                 }
                 return -1;
             };
-            const initializeLayout = (config)=>{
+            const initializeLayout = (config, canvasCtx)=>{
                 const { playResX, playResY, fontName, fontSize, bold, padding, scrollTime, fixTime, bottomSpace } = config;
                 const [paddingTop, paddingRight, paddingBottom, paddingLeft] = padding;
                 const defaultFontSize = fontSize[FontSize.NORMAL];
@@ -24436,7 +24427,7 @@ and limitations under the License.
                 return (danmaku)=>{
                     const targetGrids = grids[danmaku.type];
                     const danmakuFontSize = fontSize[danmaku.fontSizeType];
-                    const rectWidth = measureTextWidth(fontName, danmakuFontSize, bold, danmaku.content) + paddingLeft + paddingRight;
+                    const rectWidth = measureTextWidthConstructor(canvasCtx)(fontName, danmakuFontSize, bold, danmaku.content) + paddingLeft + paddingRight;
                     const verticalOffset = paddingTop + Math.round((defaultFontSize - danmakuFontSize) / 2);
                     if (danmaku.type === DanmakuType.SCROLL) {
                         const scrollGrids = targetGrids;
@@ -24481,11 +24472,11 @@ and limitations under the License.
                     }
                 };
             };
-            const layoutDanmaku = (inputList, config)=>{
+            const layoutDanmaku = (inputList, config, canvasCtx)=>{
                 const list = [
                     ...UniPool2DanmakuLists(inputList)
                 ].sort((x, y)=>x.time - y.time);
-                const layout = initializeLayout(config);
+                const layout = initializeLayout(config, canvasCtx);
                 return DanmakuList2UniPool(list.map(layout).filter((danmaku)=>!!danmaku));
             };
             const formatTime = (seconds)=>{
@@ -24723,10 +24714,10 @@ and limitations under the License.
                 config.backColor = config.backColor && formatColor(hexColorToRGB(config.backColor));
                 return config;
             };
-            function generateASS(danmaku, options) {
+            function generateASS(danmaku, options, canvasCtx) {
                 const config = ass_gen_config(options.substyle);
                 const mergedList = danmaku.merge(config.mergeIn);
-                const layoutList = layoutDanmaku(mergedList, config);
+                const layoutList = layoutDanmaku(mergedList, config, canvasCtx);
                 const content = ass_create(layoutList, danmaku, config, {
                     filename: options?.filename || 'unknown',
                     title: options?.title || 'unknown'
@@ -25037,14 +25028,14 @@ and limitations under the License.
                             return this.dans;
                         case 'danuni.bin':
                             return this.toPb();
+                        case 'bili.xml':
+                            return this.toBiliXML();
                         case 'dplayer.json':
                             return this.toDplayer();
                         case 'artplayer.json':
                             return this.toArtplayer();
                         case 'ddplay.json':
                             return this.toDDplay();
-                        case 'common.ass':
-                            return this.toASS();
                         default:
                             {
                                 const message = '(err) Unknown format or unsupported now!';
@@ -25218,7 +25209,7 @@ and limitations under the License.
                 static fromASS(ass) {
                     return parseAssRawField(ass);
                 }
-                toASS(options = {
+                toASS(canvasCtx, options = {
                     substyle: {}
                 }) {
                     const fn = this.shared.SOID;
@@ -25226,7 +25217,7 @@ and limitations under the License.
                         filename: fn,
                         title: fn,
                         ...options
-                    });
+                    }, canvasCtx);
                 }
             }
         })();

package/dist/src/ass-gen/index.d.ts

@@ -1,6 +1,7 @@
 import type { RawConfig } from './ass/raw';
-import type { SubtitleStyle } from './types';
+import type { CanvasCtx, SubtitleStyle } from './types';
 import { UniPool } from '..';
+export { CanvasCtx };
 export type Options = {
     filename?: string;
     title?: string;
@@ -24,5 +25,5 @@ const assText = generateASS(xmlText, { filename, title: 'Quick Example' })
 fs.writeFileSync(`${filename}.ass`, assText, 'utf-8')
 ```
  */
-export declare function generateASS(danmaku: UniPool, options: Options): string;
+export declare function generateASS(danmaku: UniPool, options: Options, canvasCtx: CanvasCtx): string;
 export declare function parseAssRawField(ass: string): UniPool;

package/dist/src/ass-gen/types.d.ts

@@ -1,4 +1,28 @@
+import type { CanvasRenderingContext2D as NodeCRCtx2D } from 'canvas';
 import type { UniDM } from '../utils/dm-gen';
+/**
+ * 请根据您的使用环境提供一个 50x50 的 2D Canvas 上下文
+ * @example
+ * // Node.js + canvas
+ * import { createCanvas } from 'canvas'
+ * const canvas = createCanvas(50, 50)
+ * const ctx = canvas.getContext('2d')
+ * @example
+ * // Node.js + Fabric.js
+ * import { StaticCanvas } from 'fabric/node'
+ * const ctx = new StaticCanvas(null, { width: 50, height: 50 }).getContext()
+ * @example
+ * // Browser + Native Canvas
+ * const canvas = document.createElement('canvas')
+ * canvas.width = 50
+ * canvas.height = 50
+ * const ctx = canvas.getContext('2d')
+ * @example
+ * // Browser + Fabric.js
+ * import { Canvas } from 'fabric'
+ * const ctx = new Canvas('canvas', { width: 50, height: 50 }).getContext()
+ */
+export type CanvasCtx = NodeCRCtx2D | CanvasRenderingContext2D;
 export interface Context {
     filename: string;
     title: string;

package/dist/src/ass-gen/util/layout.d.ts

@@ -1,4 +1,4 @@
 import type { UniPool } from '../..';
-import type { SubtitleStyle } from '../types';
-export declare const measureTextWidth: (fontName: string, fontSize: number, bold: boolean, text: string) => number;
-export declare const layoutDanmaku: (inputList: UniPool, config: SubtitleStyle) => UniPool;
+import type { CanvasCtx, SubtitleStyle } from '../types';
+export declare const measureTextWidthConstructor: (canvasContext: CanvasCtx) => (fontName: string, fontSize: number, bold: boolean, text: string) => number;
+export declare const layoutDanmaku: (inputList: UniPool, config: SubtitleStyle, canvasCtx: CanvasCtx) => UniPool;

package/dist/src/index.d.ts

@@ -1,5 +1,5 @@
 import 'reflect-metadata/lite';
-import type { Options as AssGenOptions } from './ass-gen';
+import type { Options as AssGenOptions, CanvasCtx } from './ass-gen';
 import type { CommandDm as DM_JSON_BiliCommandGrpc } from './proto/gen/bili/dm_pb';
 import { UniDM } from './utils/dm-gen';
 import * as UniDMTools from './utils/dm-gen';
@@ -145,6 +145,9 @@ export declare class UniPool {
     static fromDDPlay(json: DM_JSON_DDPlay, episodeId: string, options?: Options): UniPool;
     toDDplay(): DM_JSON_DDPlay;
     static fromASS(ass: string): UniPool;
-    toASS(options?: AssGenOptions): string;
+    /**
+     * 转换为ASS字幕格式的弹幕，需播放器支持多行ASS渲染
+     */
+    toASS(canvasCtx: CanvasCtx, options?: AssGenOptions): string;
 }
 export { platform, UniDM, UniDMTools, UniIDTools, type DM_JSON_BiliCommandGrpc, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dan-uni/dan-any",
-  "version": "0.7.7",
+  "version": "0.8.1",
   "description": "A danmaku transformer lib, supporting danmaku from different platforms.",
   "keywords": [
     "bangumi",
@@ -17,7 +17,7 @@
   },
   "author": "rinne",
   "main": "dist/index.js",
-  "module": "src/index.ts",
+  "module": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "browser": "dist/index.umd.min.js",
   "scripts": {
@@ -31,9 +31,8 @@
     "buf": "buf generate"
   },
   "dependencies": {
-    "@bufbuild/protobuf": "^2.6.2",
+    "@bufbuild/protobuf": "^2.6.3",
     "base16384": "^1.0.0",
-    "canvas": "^3.1.2",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.14.2",
     "fast-xml-parser": "^5.2.5",
@@ -45,10 +44,11 @@
   },
   "devDependencies": {
     "@bufbuild/buf": "^1.56.0",
-    "@bufbuild/protoc-gen-es": "^2.6.2",
+    "@bufbuild/protoc-gen-es": "^2.6.3",
     "@types/fs-extra": "^11.0.4",
     "@types/hh-mm-ss": "^1.2.3",
     "@types/json-bigint": "^1.0.4",
+    "canvas": "^3.1.2",
     "protobufjs": "^7.5.3"
   }
 }

package/src/ass-gen/__tests__/canvas.test.ts

@@ -1,10 +1,14 @@
+import { createCanvas } from 'canvas'
 import { assertType, it } from 'vitest'
 
-import { measureTextWidth } from '../util/layout'
+import { measureTextWidthConstructor } from '../util/layout'
 
 it('canvas measureTextWidth', () => {
   const text = '一段测试文字'
-  const width = measureTextWidth('SimHei', 25, false, text)
+  const canvas = createCanvas(50, 50)
+  const width = measureTextWidthConstructor(
+    canvas.getContext('2d') as unknown as CanvasRenderingContext2D,
+  )('SimHei', 25, false, text)
   assertType<number>(width)
   console.info(width, text.length)
   // assert(width >= 25 * text.length)

package/src/ass-gen/__tests__/generate.test.ts

@@ -1,6 +1,7 @@
 import fs from 'node:fs'
 import path, { dirname } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { createCanvas } from 'canvas'
 import { it } from 'vitest'
 
 import { generateASS } from '../'
@@ -12,9 +13,14 @@ it('generate ass from xml', () => {
   const filename = '898651903.xml'
   const xmlPath = path.join(__dirname, filename)
   const xmlText = fs.readFileSync(xmlPath, 'utf-8')
-  const assText = generateASS(UniPool.fromBiliXML(xmlText), {
-    // filename,
-    // title: '我的忏悔',
-  })
+  const canvas = createCanvas(50, 50)
+  const assText = generateASS(
+    UniPool.fromBiliXML(xmlText),
+    {
+      // filename,
+      // title: '我的忏悔',
+    },
+    canvas.getContext('2d') as unknown as CanvasRenderingContext2D,
+  )
   fs.writeFileSync(path.join(__dirname, `${filename}.ass`), assText, 'utf-8')
 })

package/src/ass-gen/index.ts

@@ -1,6 +1,6 @@
 // import parse from './parse/bilibili'
 import type { RawConfig } from './ass/raw'
-import type { SubtitleStyle } from './types'
+import type { CanvasCtx, SubtitleStyle } from './types'
 
 import { UniPool } from '..'
 import ass from './ass/create'
@@ -8,6 +8,8 @@ import { deRaw } from './ass/raw'
 import getConfig from './config'
 import { DanmakuList2UniPool, layoutDanmaku } from './util'
 
+export { CanvasCtx }
+
 export type Options = {
   filename?: string
   title?: string
@@ -32,13 +34,17 @@ const assText = generateASS(xmlText, { filename, title: 'Quick Example' })
 fs.writeFileSync(`${filename}.ass`, assText, 'utf-8')
 ```
  */
-export function generateASS(danmaku: UniPool, options: Options): string {
+export function generateASS(
+  danmaku: UniPool,
+  options: Options,
+  canvasCtx: CanvasCtx,
+): string {
   //   const result = parse(text)
   const config = getConfig(options.substyle)
   // const filteredList = filterDanmaku(result.list, config.block)
   // const mergedList = mergeDanmaku(result.list, config.mergeIn)
   const mergedList = danmaku.merge(config.mergeIn)
-  const layoutList = layoutDanmaku(mergedList, config)
+  const layoutList = layoutDanmaku(mergedList, config, canvasCtx)
   const content = ass(
     layoutList,
     danmaku,

package/src/ass-gen/types.ts

@@ -1,7 +1,31 @@
 // export type BlockRule = string | RegExp
-
+import type { CanvasRenderingContext2D as NodeCRCtx2D } from 'canvas'
 import type { UniDM } from '../utils/dm-gen'
 
+/**
+ * 请根据您的使用环境提供一个 50x50 的 2D Canvas 上下文
+ * @example
+ * // Node.js + canvas
+ * import { createCanvas } from 'canvas'
+ * const canvas = createCanvas(50, 50)
+ * const ctx = canvas.getContext('2d')
+ * @example
+ * // Node.js + Fabric.js
+ * import { StaticCanvas } from 'fabric/node'
+ * const ctx = new StaticCanvas(null, { width: 50, height: 50 }).getContext()
+ * @example
+ * // Browser + Native Canvas
+ * const canvas = document.createElement('canvas')
+ * canvas.width = 50
+ * canvas.height = 50
+ * const ctx = canvas.getContext('2d')
+ * @example
+ * // Browser + Fabric.js
+ * import { Canvas } from 'fabric'
+ * const ctx = new Canvas('canvas', { width: 50, height: 50 }).getContext()
+ */
+export type CanvasCtx = NodeCRCtx2D | CanvasRenderingContext2D
+
 export interface Context {
   filename: string
   title: string

package/src/ass-gen/util/layout.ts

@@ -1,6 +1,5 @@
-import { createCanvas } from 'canvas'
 import type { UniPool } from '../..'
-import type { Danmaku, SubtitleStyle } from '../types'
+import type { CanvasCtx, Danmaku, SubtitleStyle } from '../types'
 
 import { DanmakuType, FontSize } from '../types'
 import { DanmakuList2UniPool, UniPool2DanmakuLists } from './danconvert'
@@ -77,8 +76,7 @@ const splitGrids = ({
   }
 }
 
-export const measureTextWidth = (() => {
-  const canvasContext = createCanvas(50, 50).getContext('2d')
+export const measureTextWidthConstructor = (canvasContext: CanvasCtx) => {
   const supportTextMeasure = !!canvasContext.measureText('中')
 
   if (supportTextMeasure) {
@@ -99,7 +97,7 @@ export const measureTextWidth = (() => {
   )
   return (_fontName: string, fontSize: number, _bold: boolean, text: string) =>
     text.length * fontSize
-})()
+}
 
 // 找到能用的行
 const resolveAvailableFixGrid = (grids: FixGrid[], time: number) => {
@@ -138,7 +136,7 @@ const resolveAvailableScrollGrid = (
   return -1
 }
 
-const initializeLayout = (config: SubtitleStyle) => {
+const initializeLayout = (config: SubtitleStyle, canvasCtx: CanvasCtx) => {
   const {
     playResX,
     playResY,
@@ -160,7 +158,12 @@ const initializeLayout = (config: SubtitleStyle) => {
     const targetGrids = grids[danmaku.type as keyof DanmakuGrids]
     const danmakuFontSize = fontSize[danmaku.fontSizeType]
     const rectWidth =
-      measureTextWidth(fontName, danmakuFontSize, bold, danmaku.content) +
+      measureTextWidthConstructor(canvasCtx)(
+        fontName,
+        danmakuFontSize,
+        bold,
+        danmaku.content,
+      ) +
       paddingLeft +
       paddingRight
     const verticalOffset =
@@ -228,11 +231,12 @@ const initializeLayout = (config: SubtitleStyle) => {
 export const layoutDanmaku = (
   inputList: UniPool,
   config: SubtitleStyle,
+  canvasCtx: CanvasCtx,
 ): UniPool => {
   const list = [...UniPool2DanmakuLists(inputList)].sort(
     (x, y) => x.time - y.time,
   )
-  const layout = initializeLayout(config)
+  const layout = initializeLayout(config, canvasCtx)
 
   return DanmakuList2UniPool(list.map(layout).filter((danmaku) => !!danmaku))
 }

package/src/index.test.ts

@@ -1,4 +1,5 @@
 //基于以下注释，根据vitest生成测试用例
+import { createCanvas } from 'canvas'
 import { describe, it } from 'vitest'
 
 import { UniPool } from './index'
@@ -50,8 +51,9 @@ describe('转化自', () => {
     console.info(pool)
   })
   it('ass[双向]', () => {
+    const canvas = createCanvas(50, 50)
     const pool = UniPool.fromBiliXML(xml)
-    const ass = pool.toASS()
+    const ass = pool.toASS(canvas.getContext('2d'))
     console.info(ass)
     console.info(UniPool.fromASS(ass))
   })

package/src/index.ts

@@ -2,7 +2,7 @@ import 'reflect-metadata/lite'
 
 import { XMLBuilder, XMLParser } from 'fast-xml-parser'
 import JSONbig from 'json-bigint'
-import type { Options as AssGenOptions } from './ass-gen'
+import type { Options as AssGenOptions, CanvasCtx } from './ass-gen'
 import type { CommandDm as DM_JSON_BiliCommandGrpc } from './proto/gen/bili/dm_pb'
 
 import { create, fromBinary, toBinary } from '@bufbuild/protobuf'
@@ -377,8 +377,8 @@ export class UniPool {
         return this.dans
       case 'danuni.bin':
         return this.toPb()
-      // case 'bili.xml':
-      //   return this.toBiliXML()
+      case 'bili.xml':
+        return this.toBiliXML()
       // case 'bili.bin':
       //   return this.toBiliBin()
       // case 'bili.cmd.bin':
@@ -389,8 +389,8 @@ export class UniPool {
         return this.toArtplayer()
       case 'ddplay.json':
         return this.toDDplay()
-      case 'common.ass':
-        return this.toASS()
+      // case 'common.ass':
+      //   return this.toASS()
       default: {
         const message = '(err) Unknown format or unsupported now!'
         if (continue_on_error) return message
@@ -649,9 +649,15 @@ export class UniPool {
   static fromASS(ass: string) {
     return parseAssRawField(ass)
   }
-  toASS(options: AssGenOptions = { substyle: {} }): string {
+  /**
+   * 转换为ASS字幕格式的弹幕，需播放器支持多行ASS渲染
+   */
+  toASS(
+    canvasCtx: CanvasCtx,
+    options: AssGenOptions = { substyle: {} },
+  ): string {
     const fn = this.shared.SOID
-    return generateASS(this, { filename: fn, title: fn, ...options })
+    return generateASS(this, { filename: fn, title: fn, ...options }, canvasCtx)
   }
 }
 

package/src/proto/gen/bili/dm_pb.ts

@@ -1,4 +1,4 @@
-// @generated by protoc-gen-es v2.6.2 with parameter "target=ts"
+// @generated by protoc-gen-es v2.6.3 with parameter "target=ts"
 // @generated from file bili/dm.proto (package bilibili.community.service.dm.v1, syntax proto3)
 /* eslint-disable */
 

package/src/proto/gen/danuni_pb.ts

@@ -1,4 +1,4 @@
-// @generated by protoc-gen-es v2.6.2 with parameter "target=ts"
+// @generated by protoc-gen-es v2.6.3 with parameter "target=ts"
 // @generated from file danuni.proto (package danuni.danmaku.v1, syntax proto3)
 /* eslint-disable */