Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
4f4141f3
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
4f4141f3
编写于
12月 12, 2024
作者:
H
hdx
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(image): 增加跨平台示例
上级
4c6eede4
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
18 addition
and
0 deletion
+18
-0
docs/api/image.md
docs/api/image.md
+18
-0
未找到文件。
docs/api/image.md
浏览文件 @
4f4141f3
...
...
@@ -12,3 +12,21 @@
<!-- CUSTOMTYPEJSON.Image.example -->
**提示**
微信小程序不支持
`new Image()`
写法来绘制,需要通过跨平台写法
`CanvasContext.drawImage()`
, 示例如下:
```
js
uni
.
createCanvasContextAsync
({
id
:
'
canvas
'
,
component
:
this
,
// setup模式使用 getCurrentInstance().proxy
success
:
(
context
:
CanvasContext
)
=>
{
const
renderingContext
=
context
.
getContext
(
'
2d
'
)
!
;
const
image
=
context
.
createImage
();
image
.
src
=
"
/static/logo.png
"
;
image
.
onload
=
()
=>
{
renderingContext
.
drawImage
(
image
,
0
,
0
,
100
,
100
);
}
}
})
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录