Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
f9a0031f
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看板
未验证
提交
f9a0031f
编写于
9月 05, 2023
作者:
O
openharmony_ci
提交者:
Gitee
9月 05, 2023
浏览文件
操作
浏览文件
下载
差异文件
!23842 指南文档ArkTS适配
Merge pull request !23842 from 刘关鹏/master
上级
cc0e93f8
7776272b
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
47 addition
and
24 deletion
+47
-24
zh-cn/application-dev/media/image-encoding.md
zh-cn/application-dev/media/image-encoding.md
+4
-2
zh-cn/application-dev/media/image-pixelmap-operation.md
zh-cn/application-dev/media/image-pixelmap-operation.md
+3
-2
zh-cn/application-dev/reference/apis/js-apis-image.md
zh-cn/application-dev/reference/apis/js-apis-image.md
+40
-20
未找到文件。
zh-cn/application-dev/media/image-encoding.md
浏览文件 @
f9a0031f
...
...
@@ -30,9 +30,10 @@
方法一:通过PixelMap进行编码。
```
ts
import
{
BusinessError
}
from
'
@ohos.base
'
imagePackerApi
.
packing
(
pixelMap
,
packOpts
).
then
(
(
data
:
ArrayBuffer
)
=>
{
// data 为打包获取到的文件流,写入文件保存即可得到一张图片
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
error
(
'
Failed to pack the image. And the error is:
'
+
error
);
})
```
...
...
@@ -40,9 +41,10 @@
方法二:通过imageSource进行编码。
```
ts
import
{
BusinessError
}
from
'
@ohos.base
'
imagePackerApi
.
packing
(
imageSource
,
packOpts
).
then
(
(
data
:
ArrayBuffer
)
=>
{
// data 为打包获取到的文件流,写入文件保存即可得到一张图片
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
error
(
'
Failed to pack the image. And the error is:
'
+
error
);
})
```
zh-cn/application-dev/media/image-pixelmap-operation.md
浏览文件 @
f9a0031f
...
...
@@ -27,11 +27,12 @@
3.
读取并修改目标区域像素数据,写回原图。
```
ts
import
{
BusinessError
}
from
'
@ohos.base
'
// 场景一:将读取的整张图像像素数据结果写入ArrayBuffer中
const
readBuffer
=
new
ArrayBuffer
(
pixelBytesNumber
);
pixelMap
.
readPixelsToBuffer
(
readBuffer
).
then
(()
=>
{
console
.
info
(
'
Succeeded in reading image pixel data.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
error
(
'
Failed to read image pixel data. And the error is:
'
+
error
);
})
...
...
@@ -44,7 +45,7 @@
}
pixelMap
.
readPixels
(
area
).
then
(()
=>
{
console
.
info
(
'
Succeeded in reading the image data in the area.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
error
(
'
Failed to read the image data in the area. And the error is:
'
+
error
);
})
...
...
zh-cn/application-dev/reference/apis/js-apis-image.md
浏览文件 @
f9a0031f
...
...
@@ -36,12 +36,13 @@ createPixelMap(colors: ArrayBuffer, options: InitializationOptions): Promise\<Pi
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
color
:
ArrayBuffer
=
new
ArrayBuffer
(
96
);
//96为需要创建的像素buffer大小,取值为:height * width *4
let
bufferArr
:
Uint8Array
=
new
Uint8Array
(
color
);
let
opts
:
image
.
InitializationOptions
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
image
.
createPixelMap
(
color
,
opts
).
then
((
pixelmap
:
image
.
PixelMap
)
=>
{
console
.
log
(
'
Succeeded in creating pixelmap.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to create pixelmap.
'
);
})
```
...
...
@@ -112,10 +113,11 @@ readPixelsToBuffer(dst: ArrayBuffer): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
readBuffer
:
ArrayBuffer
=
new
ArrayBuffer
(
96
);
//96为需要创建的像素buffer大小,取值为:height * width *4
pixelmap
.
readPixelsToBuffer
(
readBuffer
).
then
(()
=>
{
console
.
log
(
'
Succeeded in reading image pixel data.
'
);
//符合条件则进入
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to read image pixel data.
'
);
//不符合条件则进入
})
```
...
...
@@ -171,6 +173,7 @@ readPixels(area: PositionArea): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
area
:
image
.
PositionArea
=
{
pixels
:
new
ArrayBuffer
(
8
),
offset
:
0
,
...
...
@@ -179,7 +182,7 @@ const area : image.PositionArea = {
}
pixelmap
.
readPixels
(
area
).
then
(()
=>
{
console
.
log
(
'
Succeeded in reading the image data in the area.
'
);
//符合条件则进入
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to read the image data in the area.
'
);
//不符合条件则进入
})
```
...
...
@@ -243,6 +246,7 @@ writePixels(area: PositionArea): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
color
:
ArrayBuffer
=
new
ArrayBuffer
(
96
);
//96为需要创建的像素buffer大小,取值为:height * width *4
let
bufferArr
:
Uint8Array
=
new
Uint8Array
(
color
);
let
opts
:
image
.
InitializationOptions
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
...
...
@@ -264,7 +268,7 @@ image.createPixelMap(color, opts)
pixelmap
.
writePixels
(
area
).
then
(()
=>
{
console
.
info
(
'
Succeeded to write pixelmap into the specified area.
'
);
})
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
error:
'
+
error
);
})
```
...
...
@@ -328,6 +332,7 @@ writeBufferToPixels(src: ArrayBuffer): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
color
:
ArrayBuffer
=
new
ArrayBuffer
(
96
);
//96为需要创建的像素buffer大小,取值为:height * width *4
let
bufferArr
:
Uint8Array
=
new
Uint8Array
(
color
);
for
(
var
i
=
0
;
i
<
bufferArr
.
length
;
i
++
)
{
...
...
@@ -335,7 +340,7 @@ for (var i = 0; i < bufferArr.length; i++) {
}
pixelmap
.
writeBufferToPixels
(
color
).
then
(()
=>
{
console
.
log
(
"
Succeeded in writing data from a buffer to a PixelMap.
"
);
}).
catch
((
err
)
=>
{
}).
catch
((
err
or
:
BusinessError
)
=>
{
console
.
error
(
"
Failed to write data from a buffer to a PixelMap.
"
);
})
```
...
...
@@ -1074,9 +1079,10 @@ release():Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
pixelmap
.
release
().
then
(()
=>
{
console
.
log
(
'
Succeeded in releasing pixelmap object.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to release pixelmap object.
'
);
})
```
...
...
@@ -1411,10 +1417,11 @@ getImageInfo(index?: number): Promise\<ImageInfo>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
imageSourceApi
.
getImageInfo
(
0
)
.
then
((
imageInfo
:
image
.
ImageInfo
)
=>
{
console
.
log
(
'
Succeeded in obtaining the image information.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to obtain the image information.
'
);
})
```
...
...
@@ -1642,9 +1649,10 @@ createPixelMap(options?: DecodingOptions): Promise\<PixelMap>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
imageSourceApi
.
createPixelMap
().
then
((
pixelmap
:
image
.
PixelMap
)
=>
{
console
.
log
(
'
Succeeded in creating pixelmap object through image decoding parameters.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to create pixelmap object through image decoding parameters.
'
);
})
```
...
...
@@ -2005,9 +2013,10 @@ release(): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
imageSourceApi
.
release
().
then
(()
=>
{
console
.
log
(
'
Succeeded in releasing the image source instance.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to release the image source instance.
'
);
})
```
...
...
@@ -2092,12 +2101,13 @@ packing(source: ImageSource, option: PackingOption): Promise\<ArrayBuffer>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
imageSourceApi
:
image
.
ImageSource
=
image
.
createImageSource
(
0
);
let
packOpts
:
image
.
PackingOption
=
{
format
:
"
image/jpeg
"
,
quality
:
98
}
imagePackerApi
.
packing
(
imageSourceApi
,
packOpts
)
.
then
(
data
:
ArrayBuffer
=>
{
console
.
log
(
'
packing succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
packing failed.
'
);
})
```
...
...
@@ -2156,6 +2166,7 @@ packing(source: PixelMap, option: PackingOption): Promise\<ArrayBuffer>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
const
color
:
ArrayBuffer
=
new
ArrayBuffer
(
96
);
//96为需要创建的像素buffer大小,取值为:height * width *4
let
bufferArr
:
Uint8Array
=
new
Uint8Array
(
color
);
let
opts
:
image
.
InitializationOptions
=
{
editable
:
true
,
pixelFormat
:
3
,
size
:
{
height
:
4
,
width
:
6
}
}
...
...
@@ -2164,7 +2175,7 @@ image.createPixelMap(color, opts).then((pixelmap : image.PixelMap) => {
imagePackerApi
.
packing
(
pixelmap
,
packOpts
)
.
then
(
data
:
ArrayBuffer
=>
{
console
.
log
(
'
Succeeded in packing the image.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to pack the image..
'
);
})
})
...
...
@@ -2209,9 +2220,10 @@ release(): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
imagePackerApi
.
release
().
then
(()
=>
{
console
.
log
(
'
Succeeded in releasing image packaging.
'
);
}).
catch
((
error
)
=>
{
}).
catch
((
error
:
BusinessError
)
=>
{
console
.
log
(
'
Failed to release image packaging.
'
);
})
```
...
...
@@ -2304,9 +2316,10 @@ getReceivingSurfaceId(): Promise\<string>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
receiver
.
getReceivingSurfaceId
().
then
(
(
id
:
string
)
=>
{
console
.
log
(
'
getReceivingSurfaceId succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
getReceivingSurfaceId failed.
'
);
})
```
...
...
@@ -2354,9 +2367,10 @@ readLatestImage(): Promise\<Image>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
receiver
.
readLatestImage
().
then
((
img
:
image
.
Image
)
=>
{
console
.
log
(
'
readLatestImage succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
readLatestImage failed.
'
);
})
```
...
...
@@ -2404,9 +2418,10 @@ readNextImage(): Promise\<Image>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
receiver
.
readNextImage
().
then
((
img
:
image
.
Image
)
=>
{
console
.
log
(
'
readNextImage succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
readNextImage failed.
'
);
})
```
...
...
@@ -2469,9 +2484,10 @@ release(): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
receiver
.
release
().
then
(()
=>
{
console
.
log
(
'
release succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
release failed.
'
);
})
```
...
...
@@ -2561,9 +2577,10 @@ dequeueImage(): Promise\<Image>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
creator
.
dequeueImage
().
then
((
img
:
image
.
Image
)
=>
{
console
.
info
(
'
dequeueImage succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
dequeueImage failed:
'
+
error
);
})
```
...
...
@@ -2630,6 +2647,7 @@ queueImage(interface: Image): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
creator
.
dequeueImage
().
then
((
img
:
image
.
Image
)
=>
{
//绘制图片
img
.
getComponent
(
4
).
then
(
component
:
image
.
Component
=>
{
...
...
@@ -2643,7 +2661,7 @@ creator.dequeueImage().then((img : image.Image) => {
})
creator
.
queueImage
(
img
).
then
(()
=>
{
console
.
info
(
'
queueImage succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
info
(
'
queueImage failed:
'
+
error
);
})
})
...
...
@@ -2717,9 +2735,10 @@ release(): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
creator
.
release
().
then
(()
=>
{
console
.
info
(
'
release succeeded
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
info
(
'
release failed
'
);
})
```
...
...
@@ -2834,9 +2853,10 @@ release(): Promise\<void>
**示例:**
```
js
import
{
BusinessError
}
from
'
@ohos.base
'
img
.
release
().
then
(()
=>
{
console
.
log
(
'
release succeeded.
'
);
}).
catch
(
error
=>
{
}).
catch
(
(
error
:
BusinessError
)
=>
{
console
.
log
(
'
release failed.
'
);
})
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录