Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b5ea6f74
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看板
未验证
提交
b5ea6f74
编写于
5月 22, 2023
作者:
O
openharmony_ci
提交者:
Gitee
5月 22, 2023
浏览文件
操作
浏览文件
下载
差异文件
!18506 【3.2 Release】canvas 组件 width、height 接口补充文档
Merge pull request !18506 from WangJiazhen/cherry-pick-1684754409
上级
a197a81b
efb67b03
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
64 addition
and
0 deletion
+64
-0
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_canvas_height.png
.../reference/arkui-ts/figures/zh-cn_image_canvas_height.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_canvas_width.png
...v/reference/arkui-ts/figures/zh-cn_image_canvas_width.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
...ion-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
+64
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_canvas_height.png
0 → 100644
浏览文件 @
b5ea6f74
975 字节
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_canvas_width.png
0 → 100644
浏览文件 @
b5ea6f74
1.3 KB
zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
浏览文件 @
b5ea6f74
...
...
@@ -57,6 +57,8 @@ RenderingContextSettings(antialias?: boolean)
|
[
shadowOffsetX
](
#shadowoffsetx
)
| number | 设置绘制阴影时和原有对象的水平偏移值。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
|
[
shadowOffsetY
](
#shadowoffsety
)
| number | 设置绘制阴影时和原有对象的垂直偏移值。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
|
[
imageSmoothingEnabled
](
#imagesmoothingenabled
)
| boolean | 用于设置绘制图片时是否进行图像平滑度调整,true为启用,false为不启用。
<br/>
默认值:true
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
|
[
height
](
#height
)
| number | 组件高度。
<br/>
单位:vp
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
|
[
width
](
#width
)
| number | 组件宽度。
<br/>
单位:vp
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
> **说明:**
>
...
...
@@ -652,6 +654,68 @@ struct ImageSmoothingEnabled {
![
zh-cn_image_0000001238712415
](
figures/zh-cn_image_0000001238712415.png
)
### height
```
ts
// xxx.ets
@
Entry
@
Component
struct
HeightExample
{
private
settings
:
RenderingContextSettings
=
new
RenderingContextSettings
(
true
)
private
context
:
CanvasRenderingContext2D
=
new
CanvasRenderingContext2D
(
this
.
settings
)
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,
justifyContent
:
FlexAlign
.
Center
})
{
Canvas
(
this
.
context
)
.
width
(
300
)
.
height
(
300
)
.
backgroundColor
(
'
#ffff00
'
)
.
onReady
(()
=>
{
let
h
=
this
.
context
.
height
let
w
=
this
.
context
.
width
this
.
context
.
fillRect
(
0
,
0
,
300
,
h
/
2
)
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
}
}
```
![
zh-cn_image_canvas_height
](
figures/zh-cn_image_canvas_height.png
)
### width
```
ts
// xxx.ets
@
Entry
@
Component
struct
WidthExample
{
private
settings
:
RenderingContextSettings
=
new
RenderingContextSettings
(
true
)
private
context
:
CanvasRenderingContext2D
=
new
CanvasRenderingContext2D
(
this
.
settings
)
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,
justifyContent
:
FlexAlign
.
Center
})
{
Canvas
(
this
.
context
)
.
width
(
300
)
.
height
(
300
)
.
backgroundColor
(
'
#ffff00
'
)
.
onReady
(()
=>
{
let
h
=
this
.
context
.
height
let
w
=
this
.
context
.
width
this
.
context
.
fillRect
(
0
,
0
,
w
/
2
,
300
)
})
}
.
width
(
'
100%
'
)
.
height
(
'
100%
'
)
}
}
```
![
zh-cn_image_canvas_width
](
figures/zh-cn_image_canvas_width.png
)
## 方法
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录