量，进而提高下单转化率和下单量。商品视频的引入，在一定程度上可以提升商品信 息描述丰富度，以更加直观的方式为商家引流，增加收益。为此，商家端引入了视频 功能，进行了一系列视频功能开发，核心功能包含视频处理（混音，滤镜，加水印， 动画等）、视频拍摄、合成等，最终效果图如下所示： 716 > 美团 2019 技术年货 自视频功能上线后，每周视频样本量及使用视频的商家量大幅增加，视频录制成 功率达 99.533%，视频处理成功率 包 括 引 入 的 平 台 能 力， 比 如 ijkplayer 播 放 器、 mp4parser 。 ● 核心能力层：该层提供了视频服务的核心能力，包括音视频编解码、音视频的 转码引擎、滤镜渲染能力等 。 ● 基础能力层：暴露了基础组件和能力，提供了播放、裁剪、录屏等基础组件和 对应的基础工具类，并提供了可定制的播放面板，可定制的缓存接口等。 ● 业务层：包括段落拍摄、 在最后的视频处理阶段，用户可以实时的看到加滤镜后的视频效果。这就需要 对原始的视频帧进行二次处理，然后在播放器的 Surface 上渲染。首先我们需要 OpenGL 的渲染环境（通过 OpenGL 的固有流程创建），渲染环境完成后就可以对视 频的帧数据进行二次处理了。通过 SurfaceTexture 的 updateTexImage 接口，可 将视频流中最新的帧数据更新到对应的 GL 纹理，再操作 GL 纹理进行滤镜、动画

ctx.fillStyle = '#333333'; 14. ctx.fillText('带阴影的文字', 20, 40); Canvas除了能绘制基本的形状和文本，还可以实现动画、缩放、各种滤镜和像素转换等高级操作。如 果要实现非常复杂的操作，考虑以下优化方案： 通过创建一个不可见的Canvas来绘图，然后将最终绘制结果复制到页面的可见Canvas中； 尽量使用整数坐标而不是浮点数；