getBoundingBox()
属于@remotion/paths
包。从v3.3.40版本开始可用
返回给定路径的边界框,适用于计算您需要传递给SVG的viewBox
值。
边界框是能够完全包含形状的最小矩形。
get-bounding-box.tstsx
import {getBoundingBox } from "@remotion/paths";constboundingBox =getBoundingBox ("M 35,50 a 25,25,0,1,1,50,0 a 25,25,0,1,1,-50,0");// { x1: 35, x2: 85, y1: 24.999999999999993, y2: 75 };
get-bounding-box.tstsx
import {getBoundingBox } from "@remotion/paths";constboundingBox =getBoundingBox ("M 35,50 a 25,25,0,1,1,50,0 a 25,25,0,1,1,-50,0");// { x1: 35, x2: 85, y1: 24.999999999999993, y2: 75 };
如果SVG路径无效,此函数将抛出异常。
返回类型
包括以下属性:
x1
:边界框的最左侧x坐标x2
:边界框的最右侧x坐标y1
:边界框的最顶部y坐标y2
:边界框的最底部y坐标width
:边界框的宽度,从v3.3.97版本开始返回height
:边界框的高度,从v3.3.97版本开始返回viewBox
:您可以传递给SVG的viewBox
值,从v3.3.97版本开始返回
BoundingBox
类型
在TypeScript中,您可以通过导入BoundingBox
类型来获取返回值的形状:
ts
import type {BoundingBox } from "@remotion/paths";
ts
import type {BoundingBox } from "@remotion/paths";