目前的 canvas 是无法实现滤镜，包括自己通过 JS 去实现滤镜算法也不可能。因为 wx.canvasGetImageData() 和 wx.canvasSetImageData() 是一个异步的过程。而且无法创建后台(backend)的 canvas 去绘制滤镜。 是否可以考虑给 CanvavRenderingContext2D.filter 属性增加一个支持？ Web API 文档：https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

下面这段代码有问题吗？为什么不能裁剪出一个圆出来。。。 [代码]context.save();[代码][代码]context.beginPath();[代码][代码]context.arc(50, 50, 50, 0, 2 * Math.PI);[代码][代码]context.closePath();[代码][代码]// context.fill();[代码][代码]context.clip();[代码][代码]context.fillStyle = [代码][代码]"#900000"[代码][代码];[代码][代码]context.fillRect(0, 0, 200, 200);[代码][代码]context.restore();[代码][代码]context.draw([代码][代码]false[代码][代码]);[代码]如果把注释去掉就可以？为什么 clip 之前需要先 fill 一次呢？ 这个是完完整整复制的 clip 的示例中的代码，仅仅是把示例中的 drawImage 换成了 fillRect 就不行了。真的对你们的 API 很失望！！！ 另外，真机是OK的～

为什么需要一个这样的 live-player/video 呢？ 答： 1，因为通常情况下，我们需要在视频上放一些自定的控件，动画等等。但是用 cover-view 的话实现起来非常的费劲，甚至BUG一堆一堆的（不是一个一个哦，是一堆一堆哦）。 2，性能问题/动画问题，cover-view 的性能可以说是差到了极点，目前猜测其是不断的跟踪 dom 的位置。这对于用 cover-view 来做动画而言是硬伤。如果说要用 cover-view 取实现一段帧动画（比如：spine），这。。。 3，display:inline 的问题，cover-view 是不支持 display:inline 的，这导致多行图文混排无法实现。 [代码]<[代码][代码]cover-view[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]cover-image[代码][代码]>[代码][代码]   [代码][代码]<[代码][代码]cover-view[代码][代码]>很长很长的文字。。。。[代码]cover-view[代码][代码]>[代码][代码][代码][代码][代码]cover-view[代码][代码]>[代码][代码][代码]------------------------------ |【图片】很长很长的文  （注意这里断行） |  字。。。 4，cover-view 的问题实在太多了，不列了伤感情。。。 为什么要在视频上放UI？ 答：为了用户体验，全屏式/沉浸式的用户体验。不然对不起 navigationStyle:custom（这个功能赞一个）。 如果官方不提供呢？ 答：那能不能给一个像小游戏一样的 canvas？现在的这个 canvas 除了名字是 canvas 以外，其他的都不是！

设置 canvas 的 overflow:hidden; 无效。超出 canvas 显示区的 cover-view 不会被裁剪。

[代码]Page({[代码][代码]    [代码][代码]onHide() {[代码][代码]        [代码][代码]var[代码] [代码]context = wx.createLivePlayerContext([代码][代码]"playerId"[代码][代码]);[代码][代码]        [代码][代码]context.pause(); [代码][代码]// 无效，视频依然在播放。[代码][代码]        [代码][代码]context.stop();    [代码][代码]// 无效，视频依然在播放。[代码][代码]    [代码] [代码]    [代码][代码]}[代码][代码]})[代码] 貌似 onHide() 之后，因为 webviewId 变化，已经获取不到 live-player 的上下文了，并且就算之前已经获取到上下文的情况，也无法暂停视频。

貌似 setTransfrom 真机的表现和模拟器中的表现不一致。 [代码]onLoad() {[代码][代码]        [代码][代码]this[代码][代码].context = wx.createCanvasContext([代码][代码]"surface"[代码][代码]);[代码][代码]        [代码] [代码]        [代码][代码]for[代码] [代码]( [代码][代码]var[代码] [代码]i = 0; i < 4; ++i ) {[代码][代码]            [代码][代码]this[代码][代码].context.save();[代码][代码]            [代码][代码]this[代码][代码].context.setTransform(1, 0, 0, 1, 100 * i, 100 * i);[代码][代码]            [代码][代码]this[代码][代码].context.fillStyle = [代码][代码]"rgba(0, 200, 0, 0.5)"[代码][代码];[代码][代码]            [代码][代码]this[代码][代码].context.fillRect(0, 0, 100, 100);[代码][代码]            [代码][代码]this[代码][代码].context.fill();[代码][代码]            [代码][代码]this[代码][代码].context.restore();[代码][代码]        [代码][代码]}[代码][代码]        [代码] [代码]        [代码][代码]this[代码][代码].context.draw();[代码][代码]}[代码] 模拟器效果：[图片] 真机效果： [图片]