Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
9c53d541
D
Docs
项目概览
OpenHarmony
/
Docs
12 个月 前同步成功
通知
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,发现更多精彩内容 >>
未验证
提交
9c53d541
编写于
7月 27, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 27, 2023
浏览文件
操作
浏览文件
下载
差异文件
!21034 offline添加getTransform和setTransform示例
Merge pull request !21034 from 冯峰/canvas_settransform_gettransform
上级
ac198b92
468d5fff
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
80 addition
and
14 deletion
+80
-14
zh-cn/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
...eference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
+80
-14
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
浏览文件 @
9c53d541
...
...
@@ -2021,20 +2021,6 @@ filter(filter: string): void
![
filterDemo
](
figures/filterDemo.jpeg
)
### getTransform
getTransform(): Matrix2D
获取当前被应用到上下文的转换矩阵。该接口为空接口。
从API version 9开始,该接口支持在ArkTS卡片中使用。
**返回值:**
| 类型 | 说明 |
| ---------------------------------------- | ----- |
|
[
Matrix2D
](
ts-components-canvas-matrix2d.md#Matrix2D
)
| 矩阵对象。 |
### resetTransform
resetTransform(): void
...
...
@@ -2313,6 +2299,86 @@ setTransform方法使用的参数和transform()方法相同,但setTransform()
!
[
zh-cn_image_0000001193872526
](
figures/zh-cn_image_0000001193872526.png
)
### setTransform
setTransform(transform?: Matrix2D): void
以Matrix2D对象为模板重置现有的变换矩阵并创建新的变换矩阵。
从API version 9开始,该接口支持在ArkTS卡片中使用。
**参数:**
| 参数 | 类型 | 必填 | 默认值 | 描述 |
| --------- | ---------------------------------------- | ---- | ---- | ----- |
| transform |
[
Matrix2D
](
ts-components-canvas-matrix2d.md#Matrix2D
)
| 否 | null | 变换矩阵。 |
### getTransform
getTransform(): Matrix2D
获取当前被应用到上下文的转换矩阵。
从API version 9开始,该接口支持在ArkTS卡片中使用。
**返回值:**
| 类型 | 说明 |
| ---------------------------------------- | ----- |
|
[
Matrix2D
](
ts-components-canvas-matrix2d.md#Matrix2D
)
| 矩阵对象。 |
**示例:**
```
ts
// xxx.ets
@
Entry
@
Component
struct
TransFormDemo
{
private
settings
:
RenderingContextSettings
=
new
RenderingContextSettings
(
true
);
private
context1
:
CanvasRenderingContext2D
=
new
CanvasRenderingContext2D
(
this
.
settings
);
private
offcontext1
:
OffscreenCanvasRenderingContext2D
=
new
OffscreenCanvasRenderingContext2D
(
600
,
100
,
this
.
settings
);
private
context2
:
CanvasRenderingContext2D
=
new
CanvasRenderingContext2D
(
this
.
settings
);
private
offcontext2
:
OffscreenCanvasRenderingContext2D
=
new
OffscreenCanvasRenderingContext2D
(
600
,
100
,
this
.
settings
);
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,
justifyContent
:
FlexAlign
.
Center
})
{
Text
(
'
context1
'
);
Canvas
(
this
.
context1
)
.
width
(
'
230vp
'
)
.
height
(
'
120vp
'
)
.
backgroundColor
(
'
#ffff00
'
)
.
onReady
(()
=>
{
this
.
offcontext1
.
fillRect
(
50
,
50
,
50
,
50
);
this
.
offcontext1
.
setTransform
(
1.2
,
Math
.
PI
/
8
,
Math
.
PI
/
6
,
0.5
,
30
,
-
25
);
this
.
offcontext1
.
fillRect
(
50
,
50
,
50
,
50
);
var
image
=
this
.
offcontext1
.
transferToImageBitmap
();
this
.
context1
.
transferFromImageBitmap
(
image
);
})
Text
(
'
context2
'
);
Canvas
(
this
.
context2
)
.
width
(
'
230vp
'
)
.
height
(
'
120vp
'
)
.
backgroundColor
(
'
#0ffff0
'
)
.
onReady
(()
=>
{
this
.
offcontext2
.
fillRect
(
50
,
50
,
50
,
50
);
let
storedTransform
=
this
.
offcontext1
.
getTransform
();
console
.
log
(
"
Matrix [scaleX =
"
+
storedTransform
.
scaleX
+
"
, scaleY =
"
+
storedTransform
.
scaleY
+
"
, rotateX =
"
+
storedTransform
.
rotateX
+
"
, rotateY =
"
+
storedTransform
.
rotateY
+
"
, translateX =
"
+
storedTransform
.
translateX
+
"
, translateY =
"
+
storedTransform
.
translateY
+
"
]
"
)
this
.
offcontext2
.
setTransform
(
storedTransform
);
this
.
offcontext2
.
fillRect
(
50
,
50
,
50
,
50
);
var
image
=
this
.
offcontext2
.
transferToImageBitmap
();
this
.
context2
.
transferFromImageBitmap
(
image
);
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
}
}
```
!
[
zh-cn_image_0000001219982726.png
](
figures/zh-cn_image_0000001219982726.png
)
### translate
translate(x: number, y: number): void
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录