Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
dc97160d
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看板
未验证
提交
dc97160d
编写于
9月 14, 2022
作者:
O
openharmony_ci
提交者:
Gitee
9月 14, 2022
浏览文件
操作
浏览文件
下载
差异文件
!9438 表格加空行
Merge pull request !9438 from 王江颖/cherry-pick-1663127716
上级
348f742e
1c3e3a7b
变更
10
隐藏空白更改
内联
并排
Showing
10 changed file
with
95 addition
and
14 deletion
+95
-14
zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
...ation-dev/reference/arkui-js/js-components-basic-input.md
+3
-1
zh-cn/application-dev/reference/arkui-js/js-components-basic-web.md
...ication-dev/reference/arkui-js/js-components-basic-web.md
+2
-0
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
...ion-dev/reference/arkui-js/js-components-canvas-canvas.md
+4
-0
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md
...reference/arkui-js/js-components-canvas-canvasgradient.md
+2
-0
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md
...arkui-js/js-components-canvas-canvasrenderingcontext2d.md
+39
-1
zh-cn/application-dev/reference/arkui-js/js-components-canvas-offscreencanvas.md
...eference/arkui-js/js-components-canvas-offscreencanvas.md
+6
-1
zh-cn/application-dev/reference/arkui-js/js-components-canvas-path2d.md
...ion-dev/reference/arkui-js/js-components-canvas-path2d.md
+32
-11
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
...ion-dev/reference/arkui-js/js-components-common-events.md
+4
-0
zh-cn/application-dev/reference/arkui-js/js-components-common-gradient.md
...n-dev/reference/arkui-js/js-components-common-gradient.md
+1
-0
zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md
...on-dev/reference/arkui-js/js-components-common-methods.md
+2
-0
未找到文件。
zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
浏览文件 @
dc97160d
...
...
@@ -64,7 +64,8 @@
除支持
[
通用事件
](
../arkui-js/js-components-common-events.md
)
外,还支持如下事件:
-
当input类型为text、email、date、time、number、password时,支持如下事件:
| 名称 | 参数 | 描述 |
| 名称 | 参数 | 描述 |
| ------------------------- | ---------------------------------------- | ---------------------------------------- |
| change | {
<br>
value: inputValue
<br>
} | 输入框输入内容发生变化时触发该事件,返回用户当前输入值。
<br/>
改变value属性值不会触发该回调。 |
| enterkeyclick | {
<br>
value: enterKey
<br>
} | 软键盘enter键点击后触发该事件,返回enter按钮的类型,enterKey类型为number,可选值为:
<br/>
-
2:设置enterkeytype属性为go时生效。
<br/>
-
3:设置enterkeytype属性为search时生效。
<br/>
-
4:设置enterkeytype属性为send时生效。
<br/>
-
5:设置enterkeytype属性为next时生效。
<br/>
-
6:不设置enterkeytype或者设置enterkeytype属性为default、done时生效。 |
...
...
@@ -75,6 +76,7 @@
| selectchange
<sup>
6+
</sup>
| {
<br>
start:
number,
<br>
end:
number
<br>
} | 文本选择变化时触发事件。 |
-
当input类型为checkbox、radio时,支持如下事件:
| 名称 | 参数 | 描述 |
| ------ | ---------------------------------------- | ---------------------------------------- |
| change | {
<br>
checked:true
\|
false
<br>
} | checkbox多选框或radio单选框的checked状态发生变化时触发该事件。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-basic-web.md
浏览文件 @
dc97160d
...
...
@@ -25,6 +25,7 @@ web组件不跟随转场动画。一个页面仅支持一个web组件。
## 事件
仅支持如下事件:
| 名称 | 参数 | 描述 |
| -------- | -------- | -------- |
| pagestart | {url: string} | 加载网页时触发。 |
...
...
@@ -33,6 +34,7 @@ web组件不跟随转场动画。一个页面仅支持一个web组件。
## 方法
仅支持如下方法:
| 名称 | 参数 | 描述 |
| -------- | -------- | -------- |
| reload | - | 重新加载页面。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
浏览文件 @
dc97160d
...
...
@@ -42,6 +42,7 @@ getContext(type: '2d', options?: ContextAttrOptions): CanvasRendering2dContext
获取canvas绘图上下文。不支持在onInit和onReady中进行调用。
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| -------------------- | ------------------ | ---- | ---------------------------------------- |
| type | string | 是 | 设置为'2d',返回值为2D绘制对象,该对象可用于在画布组件上绘制矩形、文本、图片等。 |
...
...
@@ -54,6 +55,7 @@ getContext(type: '2d', options?: ContextAttrOptions): CanvasRendering2dContext
| antialias | boolean | 是否开启抗锯齿功能,默认为false。 |
**返回值:**
| 类型 | 说明 |
| ---------------------------------------- | -------------------- |
|
[
CanvasRenderingContext2D
](
../arkui-js/js-components-canvas-canvasrenderingcontext2d.md
)
| 用于在画布组件上绘制矩形、文本、图片等。 |
...
...
@@ -65,12 +67,14 @@ toDataURL(type?: string, quality?: number): string
生成一个包含图片展示的URL。
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| ------- | ------ | ---- | ---------------------------------------- |
| type | string | 否 | 可选参数,用于指定图像格式,默认格式为image/png。 |
| quality | number | 否 | 在指定图片格式为image/jpeg或image/webp的情况下,可以从0到1的区间内选择图片的质量。如果超出取值范围,将会使用默认值0.92。 |
**返回值:**
| 类型 | 说明 |
| ------ | --------- |
| string | 图像的URL地址。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasgradient.md
浏览文件 @
dc97160d
...
...
@@ -13,12 +13,14 @@ addColorStop(offset: number, color: string): void
设置渐变断点值,包括偏移和颜色。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ---------------------------- |
| offset | number | 设置渐变点距离起点的位置占总体长度的比例,范围为0到1。 |
| color | string | 设置渐变的颜色。 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md
浏览文件 @
dc97160d
...
...
@@ -380,6 +380,7 @@ export default {
### globalCompositeOperation
类型字段说明
| 值 | 描述 |
| ---------------- | ------------------------ |
| source-over | 在现有绘制内容上显示新绘制内容,属于默认值。 |
...
...
@@ -570,6 +571,7 @@ fillRect(x: number, y: number, width:number, height: number): void
填充一个矩形。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ------------- |
| x | number | 指定矩形左上角点的x坐标。 |
...
...
@@ -606,6 +608,7 @@ clearRect(x: number, y: number, width:number, height: number): void
删除指定区域内的绘制内容。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ------------- |
| x | number | 指定矩形上的左上角x坐标。 |
...
...
@@ -644,6 +647,7 @@ strokeRect(x: number, y: number, width:number, height: number): void
绘制具有边框的矩形,矩形内部不填充。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ------------ |
| x | number | 指定矩形的左上角x坐标。 |
...
...
@@ -680,6 +684,7 @@ fillText(text: string, x: number, y: number): void
绘制填充类文本。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | --------------- |
| text | string | 需要绘制的文本内容。 |
...
...
@@ -715,6 +720,7 @@ strokeText(text: string, x: number, y: number): void
绘制描边类文本。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | --------------- |
| text | string | 需要绘制的文本内容。 |
...
...
@@ -750,11 +756,13 @@ measureText(text: string): TextMetrics
该方法返回一个文本测算的对象,通过该对象可以获取指定文本的宽度值。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ---------- |
| text | string | 需要进行测量的文本。 |
**返回值:**
| 类型 | 说明 |
| ----------- | -------------------------------------- |
| TextMetrics | 包含指定字体的宽度,该宽度可以通过TextMetrics.width来获取。 |
...
...
@@ -853,6 +861,7 @@ moveTo(x: number, y: number): void
路径从当前点移动到指定点。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | --------- |
| x | number | 指定位置的x坐标。 |
...
...
@@ -889,6 +898,7 @@ lineTo(x: number, y: number): void
从当前点到指定点进行路径连接。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | --------- |
| x | number | 指定位置的x坐标。 |
...
...
@@ -957,12 +967,14 @@ createPattern(image: Image, repetition: string): Object
通过指定图像和重复方式创建图片填充的模板。
**参数:**
| 参数 | 类型 | 描述 |
| ---------- | ------ | ---------------------------------------- |
| image | Image | 图源对象,具体参考
[
Image对象
](
../arkui-js/js-components-canvas-image.md
)
。 |
| repetition | string | 设置图像重复的方式,取值为:'repeat'、'repeat-x'、
'repeat-y'、'no-repeat'。 |
**返回值:**
| 类型 | 说明 |
| ------ | ----------------- |
| Object | 指定图像填充的Pattern对象。 |
...
...
@@ -999,6 +1011,7 @@ bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number,
创建三次贝赛尔曲线的路径。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | -------------- |
| cp1x | number | 第一个贝塞尔参数的x坐标值。 |
...
...
@@ -1039,6 +1052,7 @@ quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
创建二次贝赛尔曲线的路径。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ----------- |
| cpx | number | 贝塞尔参数的x坐标值。 |
...
...
@@ -1077,6 +1091,7 @@ arc(x: number, y: number, radius: number, startAngle: number, endAngle: number,
绘制弧线路径。
**参数:**
| 参数 | 类型 | 描述 |
| ------------- | ------- | ---------- |
| x | number | 弧线圆心的x坐标值。 |
...
...
@@ -1116,6 +1131,7 @@ arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
依据圆弧经过的点和圆弧半径创建圆弧路径。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | --------------- |
| x1 | number | 圆弧经过的第一个点的x坐标值。 |
...
...
@@ -1154,6 +1170,7 @@ ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number
在规定的矩形区域绘制一个椭圆。
**参数:**
| 参数 | 类型 | 描述 |
| ------------- | ------ | ------------------------------------ |
| x | number | 椭圆圆心的x轴坐标。 |
...
...
@@ -1195,6 +1212,7 @@ rect(x: number, y: number, width: number, height: number): void
创建矩形路径。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ------------- |
| x | number | 指定矩形的左上角x坐标值。 |
...
...
@@ -1291,6 +1309,7 @@ rotate(rotate: number): void
针对当前坐标轴进行顺时针旋转。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ---------------------------------------- |
| rotate | number | 设置顺时针旋转的弧度值,可以通过Math.PI
/
180将角度转换为弧度值。 |
...
...
@@ -1324,6 +1343,7 @@ scale(x: number, y: number): void
设置canvas画布的缩放变换属性,后续的绘制操作将按照缩放比例进行缩放。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ----------- |
| x | number | 设置水平方向的缩放值。 |
...
...
@@ -1366,6 +1386,7 @@ transform方法对应一个变换矩阵,想对一个图形进行变化的时
> - y' = skewX \* x + scaleY \* y + translateY
**参数:**
| 参数 | 类型 | 描述 |
| ---------- | ------ | -------- |
| scaleX | number | 指定水平缩放值。 |
...
...
@@ -1410,6 +1431,7 @@ setTransform(scaleX: number, skewX: number, skewY: number, scale: number, transl
setTransfrom方法使用的参数和transform()方法相同,但setTransform()方法会重置现有的变换矩阵并创建新的变换矩阵。
**参数:**
| 参数 | 类型 | 描述 |
| ---------- | ------ | -------- |
| scaleX | number | 指定水平缩放值。 |
...
...
@@ -1451,6 +1473,7 @@ translate(x: number, y: number): void
移动当前坐标系的原点。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | -------- |
| x | number | 设置水平平移量。 |
...
...
@@ -1486,12 +1509,14 @@ createPath2D(path: Path2D, cmds: string): Path2D
创建一个Path2D对象。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | -------------- |
| path | Path2D | Path2D对象。 |
| cmds | string | SVG的Path描述字符串。 |
**返回值:**
**返回值:**
[
Path2D对象
](
../arkui-js/js-components-canvas-path2d.md
)
**示例:**
...
...
@@ -1531,6 +1556,7 @@ drawImage(image: Image | PixelMap, sx: number, sy: number, sWidth: number, sHeig
进行图像绘制。
**参数:**
| 参数 | 类型 | 描述 |
| ------- | ------------------------------ | ---------------------------------------- |
| image | Image
\|
PixelMap
<sup>
9+
</sup>
| 图片资源,请参考
[
Image对象
](
../arkui-js/js-components-canvas-image.md
)
或
[
PixelMap对象
](
../apis/js-apis-image.md#pixelmap7
)
。 |
...
...
@@ -1623,6 +1649,7 @@ createLinearGradient(x0: number, y0: number, x1: number, y1: number): Object
创建一个线性渐变色,返回CanvasGradient对象,请参考
[
CanvasGradient对象
](
../arkui-js/js-components-canvas-canvasgradient.md
)
。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | -------- |
| x0 | number | 起点的x轴坐标。 |
...
...
@@ -1631,6 +1658,7 @@ createLinearGradient(x0: number, y0: number, x1: number, y1: number): Object
| y1 | number | 终点的y轴坐标。 |
**返回值:**
| 类型 | 说明 |
| ------ | ---------------------- |
| Object | 返回创建的CanvasGradient对象。 |
...
...
@@ -1672,6 +1700,7 @@ createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number,
创建一个径向渐变色,返回CanvasGradient对象,请参考CanvasGradient
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ----------------- |
| x0 | number | 起始圆的x轴坐标。 |
...
...
@@ -1682,6 +1711,7 @@ createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number,
| r1 | number | 终点圆的半径。必须为非负且有限的。 |
**返回值:**
| 类型 | 说明 |
| ------ | ---------------------- |
| Object | 返回创建的CanvasGradient对象。 |
...
...
@@ -1723,6 +1753,7 @@ createImageData(width: number, height: number, imageData: Object): Object
创建新的ImageData 对象,请参考
[
ImageData对象
](
../arkui-js/js-components-canvas-imagedata.md
)
。
**参数:**
| 参数 | 类型 | 描述 |
| --------- | ------ | ----------------- |
| width | number | ImageData的宽度。 |
...
...
@@ -1730,6 +1761,7 @@ createImageData(width: number, height: number, imageData: Object): Object
| imagedata | Object | 复制现有的ImageData对象。 |
**返回值:**
| 类型 | 说明 |
| ------ | ----------------- |
| Object | 返回创建的ImageData对象。 |
...
...
@@ -1761,6 +1793,7 @@ getImageData(sx: number, sy: number, sw: number, sh: number): Object
以当前canvas指定区域内的像素创建ImageData对象。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | --------------- |
| sx | number | 需要输出的区域的左上角x坐标。 |
...
...
@@ -1769,6 +1802,7 @@ getImageData(sx: number, sy: number, sw: number, sh: number): Object
| sh | number | 需要输出的区域的高度。 |
**返回值:**
| 类型 | 说明 |
| ------ | ----------------------- |
| Object | 返回包含指定区域像素的ImageData对象。 |
...
...
@@ -1799,6 +1833,7 @@ putImageData(imageData: Object, dx: number, dy: number, dirtyX: number, dirtyY:
使用ImageData数据填充新的矩形区域。
**参数:**
| 参数 | 类型 | 描述 |
| ----------- | ------ | ----------------------------- |
| imagedata | Object | 包含像素值的ImageData对象。 |
...
...
@@ -1885,6 +1920,7 @@ setLineDash(segments: Array): void
设置画布的虚线样式。
**参数:**
| 参数 | 类型 | 描述 |
| -------- | ----- | -------------------- |
| segments | Array | 作为数组用来描述线段如何交替和间距长度。 |
...
...
@@ -1919,6 +1955,7 @@ getLineDash(): Array
获得当前画布的虚线样式。
**返回值:**
| 类型 | 说明 |
| ----- | ------------------------ |
| Array | 返回数组,该数组用来描述线段如何交替和间距长度。 |
...
...
@@ -1949,6 +1986,7 @@ transferFromImageBitmap(bitmap: ImageBitmap): void
显示给定的ImageBitmap对象。
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ----------- | ------------------ |
| bitmap | ImageBitmap | 待显示的ImageBitmap对象。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-canvas-offscreencanvas.md
浏览文件 @
dc97160d
...
...
@@ -25,12 +25,14 @@ getContext(type: string, options?: CanvasRenderingContext2DSettings): OffscreenC
获取offscreen canvas绘图上下文,返回值为2D绘制对象。
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| --------- | ---------------------------------------- | ---- | ---------------------- |
| contextId | string | 是 | 仅支持
'2d'。 |
| options |
[
CanvasRenderingContext2DSettings
](
../arkui-js/js-offscreencanvasrenderingcontext2d.md
)
| 否 | 用于在离屏画布上进行绘制矩形、文本、图片等。 |
**返回值:**
| 类型 | 说明 |
| ---------------------------------------- | --------------------------- |
|
[
OffscreenCanvasRenderingContext2D
](
../arkui-js/js-offscreencanvasrenderingcontext2d.md
)
| 2D绘制对象,用于在画布组件上绘制矩形、文本、图片等。 |
...
...
@@ -42,13 +44,15 @@ toDataURL(type?: string, quality?:number):
生成一个包含图片展示的URL。
**参数:**
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| ------- | ------ | ---- | ---------------------------------------- |
| type | string | 否 | 可选参数,用于指定图像格式,默认格式为image/png。 |
| quality | number | 否 | 在指定图片格式为image/jpeg或image/webp的情况下,可以从0到1的区间内选择图片的质量。如果超出取值范围,将会使用默认值0.92。 |
**返回值:**
| 类型 | 说明 |
| ------ | --------- |
| string | 图像的URL地址。 |
...
...
@@ -61,6 +65,7 @@ transferToImageBitmap(): ImageBitmap
在离屏画布最近渲染的图像上创建一个ImageBitmap对象。
**返回值:**
| 类型 | 说明 |
| ---------------------------------------- | --------------- |
|
[
ImageBitmap
](
../arkui-js/js-components-canvas-imagebitmap.md
)
| 存储离屏画布上渲染的像素数据。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-canvas-path2d.md
浏览文件 @
dc97160d
...
...
@@ -12,12 +12,14 @@ addPath(path: Object): void
将另一个路径添加到当前的路径对象中。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | -------------- |
| path | Object | 需要添加到当前路径的路径对象 |
**示例:**
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -47,7 +49,8 @@ setTransform(scaleX: number, skewX: number, skewY: number, scaleY: number, trans
设置路径变换矩阵。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ---------- | ------ | ------- |
| scaleX | number | x轴的缩放比例 |
...
...
@@ -58,6 +61,7 @@ setTransform(scaleX: number, skewX: number, skewY: number, scaleY: number, trans
| translateY | number | y轴的平移距离 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -88,6 +92,7 @@ closePath(): void
将路径的当前点移回到路径的起点,当前点到起点间画一条直线。如果形状已经闭合或只有一个点,则此功能不执行任何操作。
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -120,13 +125,15 @@ moveTo(x: number, y: number): void
将路径的当前坐标点移动到目标点,移动过程中不绘制线条。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ------- |
| x | number | 目标点X轴坐标 |
| y | number | 目标点Y轴坐标 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -159,13 +166,15 @@ lineTo(x: number, y: number): void
从当前点绘制一条直线到目标点。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ------- |
| x | number | 目标点X轴坐标 |
| y | number | 目标点Y轴坐标 |
**示例:**
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -199,7 +208,8 @@ bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number,
创建三次贝赛尔曲线的路径。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | -------------- |
| cp1x | number | 第一个贝塞尔参数的x坐标值。 |
...
...
@@ -210,6 +220,7 @@ bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number,
| y | number | 路径结束时的y坐标值。 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -241,6 +252,7 @@ quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
创建二次贝赛尔曲线的路径。
**参数:**
| 参数 | 类型 | 描述 |
| ---- | ------ | ----------- |
| cpx | number | 贝塞尔参数的x坐标值。 |
...
...
@@ -248,7 +260,8 @@ quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
| x | number | 路径结束时的x坐标值。 |
| y | number | 路径结束时的y坐标值。 |
**示例:**
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -280,6 +293,7 @@ arc(x: number, y: number, radius: number, startAngle: number, endAngle: number,
绘制弧线路径。
**参数:**
| 参数 | 类型 | 描述 |
| ------------- | ------- | ---------- |
| x | number | 弧线圆心的x坐标值。 |
...
...
@@ -290,6 +304,7 @@ arc(x: number, y: number, radius: number, startAngle: number, endAngle: number,
| anticlockwise | boolean | 是否逆时针绘制圆弧。 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -319,7 +334,8 @@ arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
依据圆弧经过的点和圆弧半径创建圆弧路径。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | --------------- |
| x1 | number | 圆弧经过的第一个点的x坐标值。 |
...
...
@@ -329,6 +345,7 @@ arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
| radius | number | 圆弧的圆半径值。 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -358,7 +375,8 @@ ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number
在规定的矩形区域绘制一个椭圆。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ------------- | ------ | ------------------------------------ |
| x | number | 椭圆圆心的x轴坐标。 |
...
...
@@ -371,6 +389,7 @@ ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number
| anticlockwise | number | 是否以逆时针方向绘制椭圆,0为顺时针,1为逆时针。(可选参数,默认为0) |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
@@ -400,7 +419,8 @@ rect(x: number, y: number, width: number, height: number): void
创建矩形路径。
**参数:**
**参数:**
| 参数 | 类型 | 描述 |
| ------ | ------ | ------------- |
| x | number | 指定矩形的左上角x坐标值。 |
...
...
@@ -409,6 +429,7 @@ rect(x: number, y: number, width: number, height: number): void
| height | number | 指定矩形的高度。 |
**示例:**
```
html
<!-- xxx.hml -->
<div>
...
...
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
浏览文件 @
dc97160d
...
...
@@ -141,6 +141,7 @@ setData(key: string, value: object): boolean
| value | object | 是 | 要存储的数据。 |
**返回值:**
| 类型 | 说明 |
| ------- | ------------------------ |
| boolean | 执行结果,true表示成功,false表示失败。 |
...
...
@@ -173,6 +174,7 @@ getData(key: string): object
| key | string | 是 | 数据键值。 |
**返回值:**
| 类型 | 说明 |
| ------ | ------ |
| object | 获取的数据。 |
...
...
@@ -204,6 +206,7 @@ clearData(key?: string): boolean
| key | string | 否 | 数据键值。 |
**返回值:**
| 类型 | 说明 |
| ------- | ------------------------ |
| boolean | 执行结果,true表示成功,false表示失败。 |
...
...
@@ -230,6 +233,7 @@ setDragImage(pixelmap: PixelMap, offsetX: number,offsetY: number): boolean
| offsetY | number | 是 | 相对于图片的纵向偏移量。 |
**返回值:**
| 类型 | 说明 |
| ---- | ------------------------ |
| boolean | 执行结果,true表示成功,false表示失败。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-common-gradient.md
浏览文件 @
dc97160d
...
...
@@ -32,6 +32,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...);
支持以下四种方式:
\#
ff0000、
\#
ffff0000、rgb(255, 0, 0)、rgba(255, 0, 0, 1),需要指定至少两种颜色。
**参数:**
| 名称 | 类型 | 默认值 | 必填 | 描述 |
| --------- | ---------------------------------------- | ---------------------------- | ---- | ---------------------------------------- |
| direction | to
<
side-or-corner
> <
side-or-corner
>
=
[left
\|
right]
\|
[top
\|
bottom] | to
bottom
(由上到下渐变) | 否 | 指定过渡方向,如:to
left
(从右向左渐变)
;或者
<br/>
to
bottom
right
(从左上角到右下角)。 |
...
...
zh-cn/application-dev/reference/arkui-js/js-components-common-methods.md
浏览文件 @
dc97160d
...
...
@@ -11,6 +11,7 @@
animate( keyframes: Keyframes, options: Options):void
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| --------- | --------- | ---- | ------------------------------------ |
| keyframes | keyframes | 是 | 设置动画样式 |
...
...
@@ -218,6 +219,7 @@ createIntersectionObserver(param?: ObserverParam): Observer
监听元素在当前页面的可见范围。
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| ----- | ------------- | ---- | -------------- |
| param | ObserverParam | - | 获取observer的回调。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录