存儲canvas渲染的像素數(shù)據(jù)

2024-01-22 18:11 更新

ImageBitmap對象可以存儲canvas渲染的像素數(shù)據(jù)。

說明

從 API Version 8 開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標單獨標記該內(nèi)容的起始版本。

接口

ImageBitmap(src: string)

從API version 9開始,該接口支持在ArkTS卡片中使用。

參數(shù):

參數(shù)名

參數(shù)類型

必填

默認值

參數(shù)描述

src

string

-

圖片的數(shù)據(jù)源支持本地圖片。

1、string格式用于加載本地圖片,例如ImageBitmap("common/images/example.jpg"),圖片加載路徑的起點為ets文件夾。

2、支持本地圖片類型:bmp、jpg、png、svg和webp類型。

說明:

- ArkTS卡片上不支持http://等網(wǎng)絡相關(guān)路徑前綴、datashare://路徑前綴以及file://data/storage路徑前綴的字符串。

屬性

屬性

類型

描述

width

number

ImageBitmap的像素寬度,該接口為空接口。

從API version 9開始,該接口支持在ArkTS卡片中使用。

height

number

ImageBitmap的像素高度,該接口為空接口。

從API version 9開始,該接口支持在ArkTS卡片中使用。

示例:

  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct ImageExample {
  5. private settings: RenderingContextSettings = new RenderingContextSettings(true)
  6. private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  7. private img:ImageBitmap = new ImageBitmap("common/images/example.jpg")
  8. build() {
  9. Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
  10. Canvas(this.context)
  11. .width('100%')
  12. .height('100%')
  13. .backgroundColor('#ffff00')
  14. .onReady(() =>{
  15. this.context.drawImage( this.img,0,0,500,500,0,0,400,200)
  16. })
  17. }
  18. .width('100%')
  19. .height('100%')
  20. }
  21. }

方法

close

close()

釋放ImageBitmap對象相關(guān)聯(lián)的所有圖形資源。該接口為空接口。

從API version 9開始,該接口支持在ArkTS卡片中使用。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號