小程序
小游戏
企业微信
微信支付
扫描小程序码分享
各位开发者：
为了提高 Canvas 组件的性能，我们计划在小程序基础库 v2.9.0 正式开放一套全新的 Canvas 接口。该接口符合 HTML Canvas 2D 的标准，实现上采用 GPU 硬件加速，渲染性能相比于现有的 Canvas 接口有一倍左右的提升。现邀请广大开发者参与 Canvas 接口的公测。
公测需使用 iOS v7.0.5 版本，接口用法可参考该代码片段。
欢迎广大开发者参与公测，如有问题，请在本帖下方评论反馈。
微信团队
2019.08.29
99 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
wx.createSelectorQuery()
.select(
"#"
+ canvasId)
.fields({
node:
true
,
})
.exec(resContext => {
//...do something
wx.canvasToTempFilePath({
}){
}
canvasToTempFilePath,开发工具上正常，Android真机报错
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
性能确实有很大的提升，但发现一个问题，适配后图片IOS有明显的锯齿感，安卓稍好一些。请问如何解决锯齿的问题？
开发工具运行正常，真机运行只显示一半
1) Data URIs 表示的图片不能被加载 2) context.font 不能被设置以改变字号
用这个代码片段调试和预览没问题，但是真机调试报如下错误，ios13
Unhandled promise rejection TypeError: r.Canvas is not a constructor
模拟器上canvas布局顶到了
mp-navigation-bar
下面。 真机上位置又是正常(不敢确定是不是所有手机上都是正常位置),而且新版文字线条都很模糊,跟非canvas绘制的文字有明显的对比
发现一个问题， 重复一直改变canvas的大小，然后设置canvas.width和canvas.height 切换多次之后 导致微信崩溃，每次必出现 (机型:iphone7 ios：12.0 微信版本:7.0.7)
canvas上使用css样式：transform: scale(0.5)，为什么不能影响新版canvas？
或者，希望能够将canvas的显示大小和实际分辨率分开来处理。
打算用新的canvas接口写，现在就可以用在生产环境吗？
有没有接口改动的文档啊
正在加载...
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wx.createSelectorQuery().select("#"+ canvasId).fields({node:true,}).exec(resContext => {//...do somethingwx.canvasToTempFilePath({}){}canvasToTempFilePath,开发工具上正常，Android真机报错
性能确实有很大的提升，但发现一个问题，适配后图片IOS有明显的锯齿感，安卓稍好一些。请问如何解决锯齿的问题？
开发工具运行正常，真机运行只显示一半
1) Data URIs 表示的图片不能被加载 2) context.font 不能被设置以改变字号
用这个代码片段调试和预览没问题，但是真机调试报如下错误，ios13
Unhandled promise rejection TypeError: r.Canvas is not a constructor模拟器上canvas布局顶到了
mp-navigation-bar
下面。 真机上位置又是正常(不敢确定是不是所有手机上都是正常位置),而且新版文字线条都很模糊,跟非canvas绘制的文字有明显的对比
发现一个问题， 重复一直改变canvas的大小，然后设置canvas.width和canvas.height 切换多次之后 导致微信崩溃，每次必出现 (机型:iphone7 ios：12.0 微信版本:7.0.7)
canvas上使用css样式：transform: scale(0.5)，为什么不能影响新版canvas？
或者，希望能够将canvas的显示大小和实际分辨率分开来处理。
打算用新的canvas接口写，现在就可以用在生产环境吗？
有没有接口改动的文档啊