canvas 2d 在发者工具中 不能 wx.canvasToTempFilePath?
发布于 5 年前 作者 tao80 2631 次浏览 来自 问答

例子:

https://developers.weixin.qq.com/s/0sOvZ6mB7Wer

使用 lib 2.10.0

<canvas type=“2d” id=“canvas” style=“width: 300px; height: 300px;”></canvas>

wx.canvasToTempFilePath({

          canvas: canvas,

          fileType: ‘jpg’,

          quality: 1,

          success: function(res){

            console.log(res.tempFilePath);

            wx.previewImage({

              urls: [res.tempFilePath]

            })

          }

        })

canvas2d 可以得到 临时文件的path 但是无法打开。在安卓预览时工作正常。

开发者工具中,一直是这个样子。

------------------------------------------------------------------------------

除此之外,

例子中

<cover-view> 在开发者工具中 无法遮盖 type=“2d” 的 canvas

在安卓手机上并无问题。

2 回复

我觉得是devtools并不能很好的支持canvas 2d 的渲染。

因此现在有一对矛盾。

项目需要是同层渲染,文档描述 canvas 2d可以同层,这很好。目测在自己手机上也正常工作。这也很好。

但是在开发工具中无法正常渲染,这意味开发需要全靠脑补,调试不了太复杂的东西。

如果不使用 canvas2d,放弃“同层”的优势,上面覆盖 cover-image cover-view 来实现。

可以是可以,但是cover-的这两个组件支持的 css极少,因此视觉效果就很糟糕。

那么,问题是有没有更好的方式解决这种矛盾?

恕我直言,当前的canvas 2d 就是个xx 各种不谦容 特别是华为系列手机经常渲染不出信息

老老实实的用旧的api它不香吗?

回到顶部