Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
d01cfaf9
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
d01cfaf9
编写于
7月 11, 2022
作者:
X
xu-rui-w
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增9个接口
Signed-off-by:
N
xu-rui-w
<
xurui101@huawei.com
>
上级
d0135717
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
378 addition
and
18 deletion
+378
-18
zh-cn/application-dev/reference/apis/js-apis-image.md
zh-cn/application-dev/reference/apis/js-apis-image.md
+378
-18
未找到文件。
zh-cn/application-dev/reference/apis/js-apis-image.md
浏览文件 @
d01cfaf9
...
...
@@ -34,7 +34,7 @@ createPixelMap(colors: ArrayBuffer, options: InitializationOptions): Promise\<Pi
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
)
.
then
((
pixelmap
)
=>
{
...
...
@@ -61,7 +61,7 @@ createPixelMap(colors: ArrayBuffer, options: InitializationOptions, callback: As
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
,
(
pixelmap
)
=>
{
})
...
...
@@ -188,7 +188,7 @@ readPixels(area: PositionArea, callback: AsyncCallback\<void>): void
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
,
(
err
,
pixelmap
)
=>
{
if
(
pixelmap
==
undefined
){
...
...
@@ -229,7 +229,7 @@ writePixels(area: PositionArea): Promise\<void>
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
)
.
then
(
pixelmap
=>
{
...
...
@@ -279,7 +279,7 @@ writePixels(area: PositionArea, callback: AsyncCallback\<void>): void
```
js
const
area
=
new
ArrayBuffer
(
400
);
pixelmap
.
writePixels
(
area
,
(
error
)
=>
{
if
(
error
!=
undefined
)
{
if
(
error
!=
undefined
)
{
console
.
info
(
'
Failed to write pixelmap into the specified area.
'
);
}
else
{
const
readArea
=
{
...
...
@@ -317,7 +317,7 @@ writeBufferToPixels(src: ArrayBuffer): Promise\<void>
```
js
const
color
=
new
ArrayBuffer
(
96
);
const
pixelMap
=
new
ArrayBuffer
(
400
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
pixelMap
.
writeBufferToPixels
(
color
).
then
(()
=>
{
console
.
log
(
"
Succeeded in writing data from a buffer to a PixelMap.
"
);
}).
catch
((
err
)
=>
{
...
...
@@ -345,7 +345,7 @@ writeBufferToPixels(src: ArrayBuffer, callback: AsyncCallback\<void>): void
```
js
const
color
=
new
ArrayBuffer
(
96
);
\
const
pixelMap
=
new
ArrayBuffer
(
400
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
pixelMap
.
writeBufferToPixels
(
color
,
function
(
err
)
{
if
(
err
)
{
console
.
error
(
"
Failed to write data from a buffer to a PixelMap.
"
);
...
...
@@ -399,7 +399,7 @@ getImageInfo(callback: AsyncCallback\<ImageInfo>): void
```
js
pixelmap
.
getImageInfo
((
imageInfo
)
=>
{
console
.
log
(
"
Succeeded in obtaining the image pixel map information.
.
"
);
console
.
log
(
"
Succeeded in obtaining the image pixel map information.
"
);
})
```
...
...
@@ -421,7 +421,7 @@ getBytesNumberPerRow(): number
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
,
(
err
,
pixelmap
)
=>
{
let
rowCount
=
pixelmap
.
getBytesNumberPerRow
();
...
...
@@ -448,6 +448,367 @@ getPixelBytesNumber(): number
let
pixelBytesNumber
=
pixelmap
.
getPixelBytesNumber
();
```
### getDensity<sup>9+</sup>
getDensity():number
获取当前的Density值。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**返回值:**
| 类型 | 说明 |
| ------ | -------------------- |
| number | 图像像素的Density值。|
**示例:**
```
js
let
getDensity
=
pixelmap
.
getDensity
();
```
### opacity<sup>9+</sup>
opacity(rate: number, callback: AsyncCallback
\<
void>): void
通过设置透明比率来让PixelMap达到对应的透明效果,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------------------- | ---- | ------------------------------ |
| rate | number | 是 | 透明比率的值,取值范围:0-1。 |
| callback | AsyncCallback
\<
void> | 是 | 获取回调,失败时返回错误信息。 |
**示例:**
```
js
pixelmap
.
opacity
(
```
### opacity<sup>9+</sup>
opacity(rate: number): Promise
\<
void>
通过设置透明比率来让PixelMap达到对应的透明效果,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | --------------------------- |
| rate | number | 是 | 透明比率的值,取值范围:0-1。|
**返回值:**
| 类型 | 说明 |
| -------------- | ----------------------------------------------- |
| Promise
\<
void> | Promise实例,用于获取结果,失败时返回错误信息。 |
**示例:**
```
js
let
```
### createAlphaPixelmap<sup>9+</sup>
createAlphaPixelmap(): Promise
\<
PixelMap>
根据Alpha通道的信息,来生成一个仅包含Alpha通道信息的pixelmap,可用于阴影效果,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**返回值:**
| 类型 | 说明 |
| -------------------------------- | --------------------------- |
| Promise
\<
[
PixelMap
](
#pixelmap7
)
> | Promise实例,返回pixelmap。 |
**示例:**
```
js
pixelMap
.
createAlphaPixelmap
(
async
(
err
,
alphaPixelMap
)
=>
{
if
(
alphaPixelMap
==
undefined
)
{
console
.
info
(
'
Failed to obtain new pixel map.
'
);
}
else
{
console
.
info
(
'
Succeed in obtaining new pixel map.
'
);
}
})
```
### createAlphaPixelmap<sup>9+</sup>
createAlphaPixelmap(callback: AsyncCallback
\<
PixelMap>): void
根据Alpha通道的信息,来生成一个仅包含Alpha通道信息的pixelmap,可用于阴影效果,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | ------------------------ | ---- | ---------------------------- |
| callback | AsyncCallback
\<
PixelMap> | 是 | 获取回调,异步返回释放结果。 |
**示例:**
```
js
let
pixelMap
=
await
imageSource
.
createPixelMap
();
if
(
pixelMap
!=
undefined
)
{
pixelMap
.
createAlphaPixelmap
(
async
(
err
,
alphaPixelMap
)
=>
{
console
.
info
(
'
Failed to obtain new pixel map.
'
);
})
}
else
{
console
.
info
(
'
Succeed in obtaining new pixel map.
'
);
}
```
### scale<sup>9+</sup>
scale(x: number, y: number, callback: AsyncCallback
\<
void>): void
根据输入的宽高对图片进行缩放,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------------------- | ---- | ----------------------------- |
| x | number | 是 | 宽度的缩放值。 |
| y | number | 是 | 高度的缩放值。 |
| callback | AsyncCallback
\<
void> | 是 | 获取回调,失败时返回错误信息。|
**示例:**
```
js
let
```
### scale<sup>9+</sup>
scale(x: number, y: number): Promise
\<
void>
根据输入的宽高对图片进行缩放,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------- |
| x | number | 是 | 宽度的缩放值。|
| y | number | 是 | 高度的缩放值。|
**返回值:**
| 类型 | 说明 |
| -------------- | ------------------------------- |
| Promise
\<
void> | Promise实例,异步返回释放结果。 |
**示例:**
```
js
let
```
### translate<sup>9+</sup>
translate(x: number, y: number, callback: AsyncCallback
\<
void>): void
根据输入的坐标对图片进行位置变换,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------------------- | ---- | ----------------------------- |
| x | number | 是 | 区域横坐标。 |
| y | number | 是 | 区域纵坐标。 |
| callback | AsyncCallback
\<
void> | 是 | 获取回调,失败时返回错误信息。|
**示例:**
```
js
let
```
### translate<sup>9+</sup>
translate(x: number, y: number): Promise
\<
void>
根据输入的坐标对图片进行位置变换,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ----------- |
| x | number | 是 | 区域横坐标。|
| y | number | 是 | 区域纵坐标。|
**返回值:**
| 类型 | 说明 |
| -------------- | ------------------------------- |
| Promise
\<
void> | Promise实例,异步返回释放结果。 |
**示例:**
```
js
let
```
### rotate<sup>9+</sup>
rotate(angle: number, callback: AsyncCallback
\<
void>): void
根据输入的角度对图片进行旋转,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------------------- | ---- | ----------------------------- |
| angle | number | 是 | 图片旋转的角度。 |
| callback | AsyncCallback
\<
void> | 是 | 获取回调,失败时返回错误信息。|
**示例:**
```
js
let
```
### rotate<sup>9+</sup>
rotate(angle: number): Promise
\<
void>
根据输入的角度对图片进行旋转,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ----------------------------- |
| angle | number | 是 | 图片旋转的角度。 |
**返回值:**
| 类型 | 说明 |
| -------------- | ------------------------------- |
| Promise
\<
void> | Promise实例,异步返回释放结果。 |
**示例:**
```
js
let
```
### flip<sup>9+</sup>
flip(horizontal: boolean, vertical: boolean, callback: AsyncCallback
\<
void>): void
根据输入的条件对图片进行翻转,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ---------- | -------------------- | ---- | ----------------------------- |
| horizontal | boolean | 是 | 水平翻转。 |
| vertical | boolean | 是 | 垂直翻转。 |
| callback | AsyncCallback
\<
void> | 是 | 获取回调,失败时返回错误信息。|
**示例:**
```
js
let
```
### flip<sup>9+</sup>
flip(horizontal: boolean, vertical: boolean): Promise
\<
void>
根据输入的条件对图片进行翻转,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ---------- | ------- | ---- | --------- |
| horizontal | boolean | 是 | 水平翻转。|
| vertical | boolean | 是 | 垂直翻转。|
**返回值:**
| 类型 | 说明 |
| -------------- | ------------------------------- |
| Promise
\<
void> | Promise实例,异步返回释放结果。 |
**示例:**
```
js
let
```
### crop<sup>9+</sup>
crop(region: Region, callback: AsyncCallback
\<
void>): void
根据输入的尺寸对图片进行裁剪,使用callback形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | -------------------- | ---- | ----------------------------- |
| region | Region | 是 | 裁剪的尺寸。 |
| callback | AsyncCallback
\<
void> | 是 | 获取回调,失败时返回错误信息。|
**示例:**
```
js
let
```
### crop<sup>9+</sup>
crop(region: Region): Promise
\<
void>
根据输入的尺寸对图片进行裁剪,使用Promise形式返回释放结果。
**系统能力:**
SystemCapability.Multimedia.Image.Core
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ----------- |
| region | Region | 是 | 裁剪的尺寸。|
**返回值:**
| 类型 | 说明 |
| -------------- | ------------------------------- |
| Promise
\<
void> | Promise实例,异步返回释放结果。 |
**示例:**
```
js
let
```
### release<sup>7+</sup>
release():Promise
\<
void>
...
...
@@ -458,15 +819,15 @@ release():Promise\<void>
**返回值:**
| 类型 | 说明 |
| -------------- | ------------------ |
| Promise
\<
void> | 异步返回释放结果。 |
| 类型 | 说明
|
| -------------- | ------------------
-------------
|
| Promise
\<
void> |
Promise实例,
异步返回释放结果。 |
**示例:**
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
,
(
pixelmap
)
=>
{
pixelmap
.
release
().
then
(()
=>
{
...
...
@@ -495,7 +856,7 @@ release(callback: AsyncCallback\<void>): void
```
js
const
color
=
new
ArrayBuffer
(
96
);
let
bufferArr
=
new
U
ni
t8Array
(
color
);
let
bufferArr
=
new
U
in
t8Array
(
color
);
let
opts
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
,
(
pixelmap
)
=>
{
pixelmap
.
release
().
then
(()
=>
{
...
...
@@ -577,7 +938,7 @@ createImageSource(buf: ArrayBuffer): ImageSource
```
js
const
buf
=
new
ArrayBuffer
(
96
);
image
.
createImageSource
(
buf
,
()
=>
{
})
const
imageSourceApi
=
image
.
createImageSource
(
data
);
```
## image.CreateIncrementalSource<sup>9+</sup>
...
...
@@ -605,7 +966,7 @@ function CreateIncrementalSource(buf: ArrayBuffer, options?: SourceOptions): Ima
```
js
const
buf
=
new
ArrayBuffer
(
96
);
const
imageSourceApi
=
image
.
c
reateIncrementalSource
(
buf
);
const
imageSourceApi
=
image
.
C
reateIncrementalSource
(
buf
);
```
## ImageSource
...
...
@@ -1613,7 +1974,7 @@ img.release().then(() =>{
| pixels | ArrayBuffer | 是 | 否 | 像素。 |
| offset | number | 是 | 否 | 偏移量。 |
| stride | number | 是 | 否 | 像素间距,stride >= region.size.width
*
4。 |
| region |
[
Region
](
#region7
)
| 是 | 否 | 区域,按照区域读写。写入的区域宽度加X坐标不能大于原图的宽度,写入的区域高度加Y坐标不能大于原图的高度 |
| region |
[
Region
](
#region7
)
| 是 | 否 | 区域,按照区域读写。写入的区域宽度加X坐标不能大于原图的宽度,写入的区域高度加Y坐标不能大于原图的高度
。
|
## ImageInfo
...
...
@@ -1794,7 +2155,6 @@ PixelMap的初始化选项。
编译错误返回的响应码。
| 名称 | 值 | 说明 |
| ----------------------------------- | -------- | --------------------------------------------------- |
| ERR_MEDIA_INVALID_VALUE | -1 | 无效大小。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录