UniCanvasElement

canvas元素对象

参考：canvas组件

UniCanvasElement 的属性值

名称	类型	必备	默认值	兼容性	描述
width	number	是	-	Web 微信小程序 Android iOS iOS uni-app x UTS 插件 4.21 x 4.25 4.25 4.25	Canvas宽度
height	number	是	-	Web 微信小程序 Android iOS iOS uni-app x UTS 插件 4.21 x 4.25 4.25 4.25	Canvas高度

UniCanvasElement 兼容性

Web	微信小程序	Android	iOS	iOS uni-app x UTS 插件
4.21	x	4.25	4.25	4.25

UniCanvasElement 的方法

getContext(contentType: string): CanvasRenderingContext2D | null

返回 Canvas 的绘图上下文

getContext 兼容性

Web	微信小程序	Android	iOS	iOS uni-app x UTS 插件
4.21	x	4.25	4.25	4.25

参数

名称	类型	必填	默认值	兼容性	描述
contentType	string	是	-	-	-

返回值

类型	必备
CanvasRenderingContext2D	否

toBlob(callback: BlobCallback): void

创造 Blob 对象

toBlob 兼容性

Web	微信小程序	Android	iOS	iOS uni-app x UTS 插件
4.21	x	x	x	x

参数

名称	类型	必填	默认值	兼容性	描述
callback	BlobCallback	是	-	-	-

toBlob(callback: BlobCallback, type: string): void

toBlob 兼容性

Web	微信小程序	Android	iOS
-	-	-	-

参数

名称	类型	必填	默认值	兼容性	描述
callback	BlobCallback	是	-	-	-
type	string	是	-	-	-

toBlob(callback: BlobCallback, type: string, quality: number): void

toBlob 兼容性

Web	微信小程序	Android	iOS
-	-	-	-

参数

名称	类型	必填	默认值	兼容性	描述
callback	BlobCallback	是	-	-	-
type	string	是	-	-	-
quality	number	是	-	-	-

toDataURL(type?: string | null, encoderOptions?: any | null): string

返回一个包含图片展示的 data URI (iOS平台不支持webp格式) 如果画布的高度或宽度是 0，那么会返回字符串“data:,”。 如果传入的类型非“image/png”，但是返回的值以“data:image/png”开头，那么该传入的类型是不支持的。

toDataURL 兼容性

Web	微信小程序	Android	iOS	iOS uni-app x UTS 插件
4.21	x	4.25	4.25	x

参数

名称	类型	必填	默认值	兼容性	描述
type	string	否	-	-
encoderOptions	any	否	-	-

返回值

类型
string

注意事项

• toDataURL方法在 App-Android 平台暂不支持在页面的onLoad和组件的onMount生命周期中调用