tmui-cli 2.0.3 → 2.0.5

package/data/uniappx/api/calendar.md

@@ -0,0 +1,400 @@
+::: sourceCode
+## uni.addPhoneRepeatCalendar(options) @addphonerepeatcalendar
+
+> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-calendar
+
+> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-calendar
+
+向系统日历添加重复事件
+
+### addPhoneRepeatCalendar 兼容性  
+| Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | 5.08 | 5.08 | 5.08 |
+
+### 参数 
+
+| 名称 | 类型 | 必填 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| options | **AddPhoneRepeatCalendarOptions** | 是 | Web x（部分支持，见上） | 向系统日历添加重复事件的参数 |
+| 名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
+| :- | :- | :- | :- |  :-: | :- |
+| title | string | 是 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 日历事件标题 |
+| startTime | number | 是 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 开始时间的 unix 时间戳 (1970年1月1日开始所经过的秒数) |
+| allDay | boolean | 否 | false | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 是否全天事件，默认 false |
+| notes | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 事件说明 |
+| location | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 事件位置 |
+| endTime | number | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 结束时间的 unix 时间戳，默认与开始时间相同 |
+| alarm | boolean | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 是否提醒，默认 true |
+| alarmOffset | number | 否 | 0 | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 提醒提前量，单位秒，默认 0 表示开始时提醒 |
+| path | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 跳转小程序路径，必须要和 signature 一起使用，填入后会自动生成跳转链接拼接在事件说明中 |
+| signature | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 仅微信小程序支持，App 平台保留该字段但不会使用，跳转小程序路径签名，必须要和 path 一起使用，用 session_key 对 path 签名得到的结果，即 hmac_sha256(session_key, path)。 |
+| repeatInterval | string | 是 | month | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 重复周期，默认 month 每月重复 |
+@@| 合法值 | 兼容性 | 描述 |
+@@| :- |  :-: | :- |
+@@| 'day' | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 每天重复 |
+@@| week | Web x（部分支持，见上） | 每周重复 |
+@@| month | Web x（部分支持，见上） | 每月重复。该模式日期不能大于 28 日 |
+@@| year | Web x（部分支持，见上） | 每年重复 |
+| repeatEndTime | number | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 重复周期结束时间的 unix 时间戳，不填表示一直重复 |
+| success | (res: [AddPhoneRepeatCalendarSuccess](#addphonerepeatcalendarsuccess-values)) => void | 否 |  | Web x（部分支持，见上） | 接口调用成功的回调函数 |
+| fail | (res: [AddPhoneRepeatCalendarFail](#addphonerepeatcalendarfail-values)) => void | 否 |  | Web x（部分支持，见上） | 接口调用失败的回调函数 |
+| complete | (res: [AddPhoneRepeatCalendarSuccess](#addphonerepeatcalendarsuccess-values) \| [AddPhoneRepeatCalendarFail](#addphonerepeatcalendarfail-values)) => void | 否 |  | Web x（部分支持，见上） | 接口调用结束的回调函数（调用成功、失败都会执行） |
+| description | string | 否 |  | Web x / 微信小程序 4.41（部分支持，见上） | 事件说明<br/> | 
+
+#### AddPhoneRepeatCalendarSuccess 的属性值 @addphonerepeatcalendarsuccess-values 
+
+| 名称 | 类型 | 必备 | 兼容性 |
+| :- | :- | :- |  :-: |
+| errMsg | string | 否 | Web x（部分支持，见上） |
+
+#### AddPhoneRepeatCalendarFail 的属性值 @addphonerepeatcalendarfail-values 
+
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| errCode | number | 是 | Web x（部分支持，见上） | 错误码 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| 601 | Web x（部分支持，见上） | title is required |
+| 602 | Web x（部分支持，见上） | startTime is invalid |
+| 603 | Web x（部分支持，见上） | endTime is invalid |
+| 604 | Web x（部分支持，见上） | alarmOffset requires alarm |
+| 606 | Web x（部分支持，见上） | repeat rule is invalid |
+| 607 | Web x（部分支持，见上） | calendar service is unavailable |
+| 608 | Web x（部分支持，见上） | add calendar event failed |
+| 609 | Web x（部分支持，见上） | calendar creation canceled |
+| errSubject | string | 是 | Web x（部分支持，见上） | 统一错误主题（模块）名称 |
+| data | any | 否 | Web x（部分支持，见上） | 错误信息中包含的数据 |
+| cause | Error | 否 |   | 源错误信息，可以包含多个错误，详见SourceError |
+| errMsg | string | 是 | Web x（部分支持，见上） |  |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=api.device.calendar.addPhoneRepeatCalendar)
+- [参见uni-app相关文档](https://uniapp.dcloud.net.cn/api/system/calendar.html#addphonerepeatcalendar)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/api/device/calendar/wx.addPhoneRepeatCalendar.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=addPhoneRepeatCalendar&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=addPhoneRepeatCalendar&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=addPhoneRepeatCalendar&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=addPhoneRepeatCalendar&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=addPhoneRepeatCalendar)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=addPhoneRepeatCalendar&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)
+
+::: sourceCode
+## uni.addPhoneCalendar(options) @addphonecalendar
+
+> GitCode: https://gitcode.com/dcloud/uni-api/tree/alpha/uni_modules/uni-calendar
+
+> GitHub: https://github.com/dcloudio/uni-api/tree/alpha/uni_modules/uni-calendar
+
+向系统日历添加事件
+
+### addPhoneCalendar 兼容性  
+| Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | 4.41 | 5.08 | 5.08 | 5.08 |
+
+### 参数 
+
+| 名称 | 类型 | 必填 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| options | **AddPhoneCalendarOptions** | 是 | Web x（部分支持，见上） | 向系统日历添加事件的参数 |
+| 名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
+| :- | :- | :- | :- |  :-: | :- |
+| title | string | 是 |  | Web x / 微信小程序 √ / Android 5.08 / iOS 5.08 / HarmonyOS 5.08（部分支持，见上） | 日历事件标题 |
+| startTime | number | 是 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 开始时间的 unix 时间戳 |
+| allDay | boolean | 否 | false | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 是否全天事件，默认 false |
+| notes | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 事件说明 |
+| location | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 事件位置 |
+| endTime | number | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 结束时间的 unix 时间戳，默认与开始时间相同 |
+| alarm | boolean | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 结束时间的 unix 时间戳，默认与开始时间相同 |
+| alarmOffset | number | 否 | 0 | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 提醒提前量，单位秒，默认 0 表示开始时提醒 |
+| path | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 跳转小程序路径，必须要和 signature 一起使用，填入后会自动生成跳转链接拼接在事件说明中 |
+| signature | string | 否 |  | Web x / 微信小程序 √ / Android 5.09 / iOS 5.09 / HarmonyOS 5.09（部分支持，见上） | 仅微信小程序支持，App 平台保留该字段但不会使用，跳转小程序路径签名，必须要和 path 一起使用，用 session_key 对 path 签名得到的结果，即 hmac_sha256(session_key, path)。 |
+| success | (res: [AddPhoneCalendarSuccess](#addphonecalendarsuccess-values)) => void | 否 |  | Web x（部分支持，见上） | 接口调用成功的回调函数 |
+| fail | (res: [AddPhoneCalendarFail](#addphonecalendarfail-values)) => void | 否 |  | Web x（部分支持，见上） | 接口调用失败的回调函数 |
+| complete | (res: [AddPhoneCalendarSuccess](#addphonecalendarsuccess-values) \| [AddPhoneCalendarFail](#addphonecalendarfail-values)) => void | 否 |  | Web x（部分支持，见上） | 接口调用结束的回调函数（调用成功、失败都会执行） |
+| description | string | 否 |  | Web x / 微信小程序 4.41（部分支持，见上） | 事件说明<br/> | 
+
+#### AddPhoneCalendarSuccess 的属性值 @addphonecalendarsuccess-values 
+
+| 名称 | 类型 | 必备 | 兼容性 |
+| :- | :- | :- |  :-: |
+| errMsg | string | 否 | Web x（部分支持，见上） |
+
+#### AddPhoneCalendarFail 的属性值 @addphonecalendarfail-values 
+
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| errCode | number | 是 | Web x（部分支持，见上） | 错误码 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| 601 | Web x（部分支持，见上） | title is required |
+| 602 | Web x（部分支持，见上） | startTime is invalid |
+| 603 | Web x（部分支持，见上） | endTime is invalid |
+| 604 | Web x（部分支持，见上） | alarmOffset requires alarm |
+| 606 | Web x（部分支持，见上） | repeat rule is invalid |
+| 607 | Web x（部分支持，见上） | calendar service is unavailable |
+| 608 | Web x（部分支持，见上） | add calendar event failed |
+| 609 | Web x（部分支持，见上） | calendar creation canceled |
+| errSubject | string | 是 | Web x（部分支持，见上） | 统一错误主题（模块）名称 |
+| data | any | 否 | Web x（部分支持，见上） | 错误信息中包含的数据 |
+| cause | Error | 否 |   | 源错误信息，可以包含多个错误，详见SourceError |
+| errMsg | string | 是 | Web x（部分支持，见上） |  |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=api.device.calendar.addPhoneCalendar)
+- [参见uni-app相关文档](https://uniapp.dcloud.net.cn/api/system/calendar.html#addphonecalendar)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/api/device/calendar/wx.addPhoneCalendar.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=addPhoneCalendar&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=addPhoneCalendar&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=addPhoneCalendar&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=addPhoneCalendar&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=addPhoneCalendar)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=addPhoneCalendar&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)
+
+## 示例
+
+示例为[hello uni-app x alpha分支](https://gitcode.com/dcloud/hello-uni-app-x/blob/prod_alpha/pages/API/calendar/calendar.uvue)，与最新HBuilderX Alpha版同步。与最新正式版同步的master分支示例[另见](https://gitcode.com/dcloud/hello-uni-app-x/blob/master//pages/API/calendar/calendar.uvue) 
+>
+> 该 API 不支持 Web，请运行 hello uni-app x 到 App 平台体验 
+
+::: preview
+> appRedirect https://hellouniappx.dcloud.net.cn/appredirect.html?path=pages/API/calendar/calendar
+```uvue
+<template>
+	
+	<scroll-view style="flex: 1;padding: 6px;">
+	
+		<text class="uni-h2">日历 API</text>
+		<text class="notice">本页将 `uni.addPhoneCalendar` 和 `uni.addPhoneRepeatCalendar` 合并为一个可直接提交的表单，覆盖 API 的全部可填参数。在有权限的情况下可直接写入系统日历，在无权限的情况下会打开系统的日历新建页面</text>
+		<text class="margin-v">开始时间默认是当前时间的下一个整点，结束时间默认顺延一小时；保留预填数据即可直接添加日历。</text>
+
+		<text class="uni-h3">当前结果</text>
+		<view class="log-list">
+			<text class="log-item">最近动作：{{ lastAction }}</text>
+			<text class="log-item">执行状态：{{ lastStatus }}</text>
+			<text class="log-item">返回信息：{{ lastPayload }}</text>
+		</view>
+
+		<text class="uni-h3">添加日历</text>
+		<text class="margin-v">`repeatInterval` 选为“不重复”时调用单次事件 API，其余选项调用重复事件 API。</text>
+
+			<view class="field-group">
+				<text class="field-label">标题 title</text>
+				<input class="field-input" v-model="title" placeholder="请输入日历标题" />
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">开始时间 startTime</text>
+				<view class="picker-row">
+					<picker class="picker-field" mode="date" :value="startDate" :start="dateRangeStart" :end="dateRangeEnd" @change="handleStartDateChange">
+						<view class="picker-box">
+							<text class="picker-text">{{ startDate }}</text>
+						</view>
+					</picker>
+					<picker v-if="!allDay" class="picker-field picker-field-space" mode="time" :value="startClock" @change="handleStartClockChange">
+						<view class="picker-box">
+							<text class="picker-text">{{ startClock }}</text>
+						</view>
+					</picker>
+				</view>
+			</view>
+
+			<view class="field-group">
+				<boolean-data :defaultValue="allDay" title="全天 allDay" @change="handleAllDayChange"></boolean-data>
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">备注 notes</text>
+				<textarea class="field-textarea" v-model="notesText" placeholder="请输入事件备注" :maxlength="-1" />
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">地点 location</text>
+				<input class="field-input" v-model="location" placeholder="请输入地点" />
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">结束时间 endTime</text>
+				<view class="picker-row">
+					<picker class="picker-field" mode="date" :value="endDate" :start="dateRangeStart" :end="dateRangeEnd" @change="handleEndDateChange">
+						<view class="picker-box">
+							<text class="picker-text">{{ endDate }}</text>
+						</view>
+					</picker>
+					<picker v-if="!allDay" class="picker-field picker-field-space" mode="time" :value="endClock" @change="handleEndClockChange">
+						<view class="picker-box">
+							<text class="picker-text">{{ endClock }}</text>
+						</view>
+					</picker>
+				</view>
+			</view>
+
+			<view class="field-group">
+				<boolean-data :defaultValue="alarm" title="提醒 alarm" @change="handleAlarmChange"></boolean-data>
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">提醒提前量 alarmOffset（秒）</text>
+				<input class="field-input" v-model="alarmOffsetSeconds" type="number" placeholder="例如 900" :disabled="!alarm" />
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">点击日程的激活URL path（微信小程序下填path时必须填signature）</text>
+				<input class="field-input" v-model="path" placeholder="请输入页面路径" />
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">签名 signature（仅微信小程序生效）</text>
+				<input class="field-input" v-model="signature" placeholder="请输入签名" />
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">重复周期 repeatInterval</text>
+				<picker class="picker-field picker-full" :value="repeatIntervalIndex" :range="repeatIntervalLabels" @change="handleRepeatIntervalChange">
+					<view class="picker-box">
+						<text class="picker-text">{{ repeatIntervalText }}</text>
+					</view>
+				</picker>
+			</view>
+
+			<view class="field-group">
+				<text class="field-label">重复截止时间 repeatEndTime</text>
+				<view class="picker-row">
+					<picker class="picker-field" mode="date" :value="repeatEndDate" :start="dateRangeStart" :end="dateRangeEnd" :disabled="isRepeatEndDisabled" @change="handleRepeatEndDateChange">
+						<view class="picker-box">
+							<text class="picker-text">{{ repeatEndDate }}</text>
+						</view>
+					</picker>
+					<picker v-if="!allDay" class="picker-field picker-field-space" mode="time" :value="repeatEndClock" :disabled="isRepeatEndDisabled" @change="handleRepeatEndClockChange">
+						<view class="picker-box">
+							<text class="picker-text">{{ repeatEndClock }}</text>
+						</view>
+					</picker>
+				</view>
+			</view>
+
+			<button class="submit-button" type="primary" @tap="submitCalendar">添加日历</button>
+
+		<text class="uni-h3">调用日志</text>
+		<view class="log-list">
+			<text class="log-item" v-for="item in logItems" :key="item">{{ item }}</text>
+		</view>
+	
+	</scroll-view>
+	
+</template>
+
+<style>
+	.margin-v {
+		margin: 5px 0;
+	}
+
+	.notice {
+		color: #550000;
+		font-size: 14px;
+		font-style: italic;
+	}
+
+	.field-group {
+		margin: 8px 0;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.field-label {
+		font-size: 14px;
+	}
+
+	.field-input {
+		height: 42px;
+		margin-top: 5px;
+		padding-left: 12px;
+		padding-right: 12px;
+		border: 1px solid #ccc;
+	}
+
+	.field-textarea {
+		min-height: 96px;
+		margin-top: 5px;
+		padding: 12px;
+		border: 1px solid #ccc;
+	}
+
+	.picker-row {
+		margin-top: 5px;
+		display: flex;
+		flex-direction: row;
+	}
+
+	.picker-field {
+		flex: 1;
+	}
+
+	.picker-field-space {
+		margin-left: 10px;
+	}
+
+	.picker-full {
+		margin-top: 8px;
+	}
+
+	.picker-box {
+		min-height: 42px;
+		padding-left: 12px;
+		padding-right: 12px;
+		border: 1px solid #ccc;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.picker-text {
+		font-size: 14px;
+	}
+
+	.switch-row {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.submit-button {
+		margin: 10px 0;
+	}
+
+	.log-list {
+		margin: 5px 0;
+		padding: 10px;
+		border: 1px solid #ccc;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.log-item {
+		font-size: 14px;
+		margin: 4px 0;
+	}
+</style>
+
+```
+
+## 通用类型
+
+### GeneralCallbackResult @generalcallbackresult-values 
+
+| 名称 | 类型 | 必备 | 描述 |
+| :- | :- | :- | :- |
+| errMsg | string | 是 | 错误信息 |
+
+### tips
+- iOS平台因为系统权限问题，需要`iOS 17及以上`系统才能正常工作，`5.08` 版本 iOS17以下的系统如果需要使用，需要先获取日历访问权限。`5.09+` 版本会对iOS 17 以下的系统做出兼容支持。

package/data/uniappx/api/canvas-get-image-data.md

@@ -0,0 +1,3 @@
+layout: SimpleLayout
+
+使用 [createCanvasContextAsync](./create-canvas-context-async.md)

package/data/uniappx/api/canvas-put-image-data.md

@@ -0,0 +1,3 @@
+layout: SimpleLayout
+
+使用 [createCanvasContextAsync](./create-canvas-context-async.md)

package/data/uniappx/api/canvas-to-temp-file-path.md

@@ -0,0 +1,62 @@
+## uni.canvasToTempFilePath(options, componentInstance) @canvastotempfilepath
+
+把当前画布指定区域的内容导出生成指定大小的图片
+
+### canvasToTempFilePath 兼容性  
+| Web | 微信小程序 | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- | :- |
+| 4.0 | 4.41 | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> | <a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a> |
+
+* 截图或海报需求，app平台view直接提供截图API，[takesnapshot](../dom/unielement.html#takesnapshot)。
+
+### 参数 
+
+| 名称 | 类型 | 必填 | 兼容性 |
+| :- | :- | :- |  :-: |
+| options | **CanvasToTempFilePathOptions** | 是 | Android x / iOS x / HarmonyOS x（部分支持，见上） |
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| x | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 画布x轴起点（默认0） |
+| y | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 画布y轴起点（默认0） |
+| width | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 画布宽度（默认为canvas宽度-x） |
+| height | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 画布高度（默认为canvas高度-y） |
+| destWidth | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 输出图片宽度（默认为 width * 屏幕像素密度） |
+| destHeight | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 输出图片高度（默认为 height * 屏幕像素密度） |
+| canvasId | string | 是 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 画布标识，传入 \<canvas/> 的 canvas-id |
+| fileType | string | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 目标文件的类型，默认为 'png' |
+| quality | number | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 图片的质量，取值范围为 (0, 1]，不在范围内时当作1.0处理 |
+| success | (result: [CanvasToTempFilePathSuccess](#canvastotempfilepathsuccess-values)) => void | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 接口调用成功的回调函数 |
+| fail | (result: UniError) => void | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 接口调用失败的回调函数 |
+| complete | (result: any) => void | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 接口调用结束的回调函数（调用成功、失败都会执行） |
+| canvas | any | 否 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） |  |
+| componentInstance | any | 是 | Android x / iOS x / HarmonyOS x（部分支持，见上） | 
+
+#### CanvasToTempFilePathSuccess 的属性值 @canvastotempfilepathsuccess-values 
+
+| 名称 | 类型 | 必备 | 兼容性 | 描述 |
+| :- | :- | :- |  :-: | :- |
+| tempFilePath | string | 是 | 微信小程序 4.41 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 导出生成的图片路径 |
+| errMsg | string | 否 | Android x / iOS x / HarmonyOS x（部分支持，见上） |  |
+
+### 参见
+- [相关 Bug](https://issues.dcloud.net.cn/?mid=api.canvas.canvasToTempFilePath)
+- [参见uni-app相关文档](https://uniapp.dcloud.io/api/canvas/canvasToTempFilePath.html)
+- [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.canvasToTempFilePath.html)
+- [支付宝小程序文档](https://open.alipay.com/portal/zhichi/search?keyword=canvasToTempFilePath&pageIndex=1&pageSize=10&source=doc_top&type=all)
+- [百度小程序文档](https://smartprogram.baidu.com/forum/search?query=canvasToTempFilePath&scope=devdocs&source=docs)
+- [抖音小程序文档](https://developer.open-douyin.com/search-page?keyword=canvasToTempFilePath&secondType=all&type=1)
+- [飞书小程序文档](https://open.feishu.cn/search?from=header&page=1&pageSize=10&q=canvasToTempFilePath&topicFilter=)
+- [钉钉小程序文档](https://open.dingtalk.com/search?keyword=canvasToTempFilePath)
+- [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/)
+- [快手小程序文档](https://developers.kuaishou.com/page?keyword=canvasToTempFilePath&from=docs)
+- [京东小程序文档](https://mp-docs.jd.com/doc/dev/framework/-1)
+- [华为快应用文档](https://developer.huawei.com/consumer/cn/doc/quickApp-References/webview-frame-overview-0000001124793625)
+- [360小程序文档](https://mp.360.cn/doc/miniprogram/dev/#/b770a184ff1f06c6b3393a0fd1132380)
+
+## 通用类型
+
+### GeneralCallbackResult @generalcallbackresult-values 
+
+| 名称 | 类型 | 必备 | 描述 |
+| :- | :- | :- | :- |
+| errMsg | string | 是 | 错误信息 |

package/data/uniappx/api/canvasrenderingcontext2d.md

@@ -0,0 +1,128 @@
+## CanvasRenderingContext2D
+
+canvas元素的绘图2D渲染上下文, 它用于绘制形状、文本、图像和其他对象
+
+参考：[canvas组件](../component/canvas.md)
+
+### CanvasRenderingContext2D 的属性值 @canvasrenderingcontext2d-values
+| 名称 | 类型 | 必备 | 默认值 | 兼容性 | 描述 |
+| :- | :- | :- | :- |  :-: | :- |
+| canvas | UniCanvasElement | 是 |  | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 是对与给定上下文关联的HTMLCanvasElement对象的只读引用 |
+| direction | string | 是 | inherit | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 描述当前文本方向 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| ltr | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 文字方向为从左到右 |
+| rtl | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 文字方向为从右到左 |
+| inherit | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 文字方向从相应的 \<canvas> 元素或 Document 继承 |
+| fillStyle | [CanvasGradient](#canvasgradient-values) \| CanvasPattern \| string.ColorString | 是 | #000 (黑色) | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置填充颜色 |
+| filter | string | 是 | none | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 提供模糊、灰度等过滤效果的属性。它类似于 CSS filter 属性，并且接受相同的函数 |
+| font | string | 是 | 10px sans-serif | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 指定绘制文字所使用的字体样式。使用和 CSS 字体描述符相同的字符串值。<br/>注意App平台只支持font-size、font-family、font-weight |
+| fontStretch | string | 是 | normal | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定绘制文本时字体如何被扩展或压缩。该属性对应于 CSS 中的 font-stretch 属性 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| ultra-condensed | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更紧凑的字体,对应百分比数值为50% |
+| extra-condensed | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更紧凑的字体,对应百分比数值为62.5% |
+| condensed | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更紧凑的字体,对应百分比数值为75% |
+| semi-condensed | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更紧凑的字体,对应百分比数值为87.5% |
+| normal | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 普通字体外观 |
+| semi-expanded | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更扩展的字体,对应百分比数值为112.5% |
+| expanded | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更扩展的字体,对应百分比数值为125% |
+| extra-expanded | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更扩展的字体,对应百分比数值为150% |
+| ultra-expanded | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定比普通字体更扩展的字体,对应百分比数值为200% |
+| globalAlpha | number | 是 | 1.0 | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 用来描述在 canvas 上绘图之前，设置图形和图片透明度的属性。数值的范围从 0.0（完全透明）到 1.0（完全不透明） |
+| globalCompositeOperation | string | 是 | source-over | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 在绘制新形状时应用的合成操作的类型，其中 type 是用于标识要使用的合成或混合模式操作的字符串 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| source-over | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 在现有画布上下文之上绘制新图形 |
+| source-in | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 新图形只在新图形和目标画布重叠的地方绘制。其他的都是透明的 |
+| source-out | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 在不与现有画布内容重叠的地方绘制新图形 |
+| source-atop | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 新图形只在与现有画布内容重叠的地方绘制。 |
+| destination-over | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 在现有的画布内容后面绘制新的图形。 |
+| destination-atop | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 现有的画布只保留与新图形重叠的部分，新的图形是在画布内容后面绘制的。 |
+| destination-in | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 现有的画布内容保持在新图形和现有画布内容重叠的位置。其他的都是透明的。 |
+| destination-out | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 现有内容保持在新图形不重叠的地方。 |
+| lighter | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 两个重叠图形的颜色是通过颜色值相加来确定的。 |
+| copy | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 只显示新图形。 |
+| xor | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS x（部分支持，见上） | 图像中，那些重叠和正常绘制之外的其他地方是透明的。 |
+| multiply | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 将顶层像素与底层相应像素相乘，结果是一幅更黑暗的图片。 |
+| screen | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 像素被倒转，相乘，再倒转，结果是一幅更明亮的图片。 |
+| overlay | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | multiply 和 screen 的结合，原本暗的地方更暗，原本亮的地方更亮。 |
+| darken | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 保留两个图层中最暗的像素 |
+| lighten | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 保留两个图层中最亮的像素。 |
+| color-dodge | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 将底层除以顶层的反置。 |
+| color-burn | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 将反置的底层除以顶层，然后将结果反过来。 |
+| hard-light | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | multiply 和 screen 的结合，类似于叠加，但上下图层互换了。 |
+| soft-light | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 用顶层减去底层或者相反来得到一个正值。 |
+| difference | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 一个柔和版本的 hard-light。纯黑或纯白不会导致纯黑或纯白。 |
+| exclusion | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 和 difference 相似，但对比度较低。 |
+| hue | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 保留了底层的亮度和色度，同时采用了顶层的色调。 |
+| saturation | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 保留底层的亮度和色调，同时采用顶层的色度。 |
+| color | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 保留了底层的亮度，同时采用了顶层的色调和色度。 |
+| luminosity | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 保持底层的色调和色度，同时采用顶层的亮度。 |
+| imageSmoothingEnabled | boolean | 是 | true | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 用于设置是否对缩放后的图片进行平滑处理，true 表示进行平滑处理，false 表示不进行 |
+| imageSmoothingQuality | string | 是 | low | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 用于设置图像平滑度,要使此属性生效，imageSmoothingEnabled 属性必须为 true，可选值：`low`低质量； `medium`中等质量；`high`高质量。 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| low | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 低质量。 |
+| medium | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 中等质量。 |
+| high | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 高质量。 |
+| letterSpacing | string | 是 | 0px | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 用于指定绘制文本时字母之间的间距。这对应于 CSS 中的 letter-spacing 属性 |
+| lineCap | string | 是 | butt | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 指定如何绘制每一条线条末端的属性，可选值：`butt`线段末端以方形结束；`round`线段末端以圆形结束；`square`线段末端以方形结束，但是会增加一个一半宽度的矩形区域。 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| butt | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | `butt`线段末端以方形结束； |
+| round | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | `round`线段末端以圆形结束； |
+| square | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | `square`线段末端以方形结束，但是会增加一个一半宽度的矩形区域。 |
+| lineDashOffset | number | 是 | 0.0 | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置虚线偏移量 |
+| lineJoin | string | 是 | miter | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置 2 个长度不为 0 的线条相连部分如何连接在一起的属性，可选值：`bevel`斜角；`round`圆角；`miter`尖角。 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| round | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。圆角的半径是线段的宽度。 |
+| bevel | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 在相连部分的末端填充一个额外的以三角形为底的区域，每个部分都有各自独立的矩形拐角。 |
+| miter | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。这个设置受到 miterLimit 属性的影响。默认值。 |
+| lineWidth | number | 是 | 1.0 | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置线条的宽度, 零、负数、Infinity 和 NaN 值将被忽略 |
+| miterLimit | number | 是 | 10.0 | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置斜接面限制比例的属性。当获取属性值时，会返回当前的值。当给属性赋值时，0、负数、 Infinity 和 NaN 都会被忽略；除此之外都会被赋予一个新值。 |
+| shadowBlur | number | 是 | 0 | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 用于描述模糊效果程度,其中 0 表示没有模糊，数字越大表示模糊程度越高。这个值不对应于像素数量，并且不受当前变换矩阵的影响。负数、Infinity 和 NaN 将被忽略 |
+| shadowColor | string | 是 | fully-transparent black | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 描述阴影颜色,只有当 shadowColor 属性设置为非透明值时，阴影才会被绘制。其中的 shadowBlur、shadowOffsetX 或 shadowOffsetY 属性中至少有一个必须是非零的。 |
+| shadowOffsetX | number | 是 | 0 | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定阴影在水平方向上的偏移距离。正值向右偏移，负值向左偏移。默认值为 0（无水平偏移）。Infinity 和 NaN 值将被忽略 |
+| shadowOffsetY | number | 是 | 0 | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 指定阴影在垂直方向上的偏移距离。正值向右偏移，负值向左偏移。默认值为 0（无水平偏移）。Infinity 和 NaN 值将被忽略 |
+| strokeStyle | [CanvasGradient](#canvasgradient-values) \| CanvasPattern \| string.ColorString | 是 | #000 (黑色) | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置边框的颜色 |
+| textAlign | string | 是 | left | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 设置文本的对齐方式，可取值：`left`左对齐；`center`居中对齐；`right`右对齐。 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| left | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本左对齐。 |
+| right | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本右对齐。 |
+| center | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本居中对齐。 |
+| start | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本对齐界线开始的地方（左对齐指本地从左向右，右对齐指本地从右向左）。 |
+| end | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本对齐界线结束的地方（左对齐指本地从左向右，右对齐指本地从右向左）。 |
+| textBaseline | string | 是 | alphabetic | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 描述绘制文本时，当前文本基线的属性 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| top | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本基线在文本块的顶部。 |
+| hanging | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本基线是悬挂基线。 |
+| middle | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本基线在文本块的中间。 |
+| alphabetic | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本基线是标准的字母基线。默认值。 |
+| ideographic | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文字基线是表意字基线；如果字符本身超出了 alphabetic 基线，那么 ideograhpic 基线位置在字符本身的底部。（用于中文、日文和韩文。） |
+| bottom | Web 4.0 / Android 4.25 / iOS 4.25 / HarmonyOS 4.61（部分支持，见上） | 文本基线在文本块的底部。与 ideographic 基线的区别在于 ideographic 基线不需要考虑下行字母。 |
+| textRendering | string | 是 | auto | Web 4.0 / Android x / iOS x / HarmonyOS x（部分支持，见上） | 用于在渲染文本时向渲染引擎提供应该如何优化的相关信息 |
+| 合法值 | 兼容性 | 描述 |
+| :- |  :-: | :- |
+| auto | Web 4.0 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 浏览器在绘制文本时根据情况对速度、易读性和几何精确性进行优化。 |
+| optimizeSpeed | Web 4.0 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 浏览器在绘制文本时优先考虑渲染速度，而不是易读性和几何精确性。它禁用字距调整和连字。 |
+| optimizeLegibility | Web 4.0 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 浏览器在绘制文本时优先考虑易读性，而不是渲染速度和几何精确性。这启用了字距调整和可选连字。 |
+| geometricPrecision | Web 4.0 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 浏览器在绘制文本时优先考虑几何精确性，而不是渲染速度和易读性。字体的某些方面（例如字距调整）不会线性缩放。对于大的缩放比例，你可能会看到不太美观的文本渲染，但大小是你所期望的（不会被向上或向下舍入到底层操作系统支持的最接近的字体大小）。 |
+| wordSpacing | string | 是 | 0px | Web 4.0 / Android x / iOS x / HarmonyOS 4.61（部分支持，见上） | 用于指定绘制文本时单词之间的间距, 如果设置为无效或无法解析的值，则属性值将保持不变 |
+
+### CanvasRenderingContext2D 兼容性  
+ | Web | Android | iOS | HarmonyOS |
+| :- | :- | :- | :- |
+| 4.0 | 4.25 | 4.25 | 4.61 |
+
+### CanvasRenderingContext2D 的方法 @canvasrenderingcontext2d-methods
+
+## 使用自定义字体@custonfont
+在 canvas 中调用 [CanvasRenderingContext2D.filltext](#filltext)、[CanvasRenderingContext2D.stroketext](#stroketext) 绘制文字时，可通过 `font` 属性指定绘制文字所使用的字体样式，其中字体名称（fontfamily）可设置自定义字体。
+
+当使用自定义字体时，需先通过 [uni.loadFontFace](load-font-face.md) 加载字体，字体加载成功之后在设置 `font` 属性指定字体名称。
+
+完整示例代码参考[hello uni-app x](https://gitcode.com/dcloud/hello-uni-app-x/blob/alpha/pages/component/canvas/canvas-context.uvue)