<> <canvas id="c1" width="160" height="96"></canvas>

实现这样的一个功能我们就需要引入`tensorflowjs`，使用官方训练好的`人体分割（Body Segmentation）`模型，在视频播放时将每一帧生成一直图片，放到弹幕的父元素上。

mask-image是不透明的地方显示，透明的地方不显示。就像是你拿一张黑纸放在电脑屏幕上，你只能看到黑纸所在区域的电脑画面，其他的地方看不到，解释道这里，相信应该明白了，如果不明白就通过下面的例子来

一、mask-image属性是什么 mask-image属性需要有一张png图片，这张图片遮挡在指定DOM上，图片中透明部分遮挡的部分将不显示；被不透明部分遮挡的部分将显示出来，显示的是背景图片或背景

基于 CSS mask-image 实现了四种图片过渡效果，相信这几种效果能够让你眼前一亮，让你的项目炫酷起来吧

本文只挑几个属性详细说明。 大家做需求的时候有没有遇到过，设计师给的图标图片经常要换色，同一个图标在不同的场景下显示不同的颜色。 图标可以使用SVG来完成，比较适合稳定的项目迭代。也可以使用图片来制作，比较适合短期的活动页。 当图片要达到多种颜色，又希望只使用一套图时候，我们可…

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。

结合HTML5下的video和canvas的功能，你可以实时处理视频数据，为正在播放的视频添加各种各样的视觉效果。本教程演示如何使用JavaScript代码实现chroma-keying特效（也被称为“绿色屏幕效应”）。

如题，分析，涉及到两个角色，一个是可拖动的元素，取名为节点。另一个是什么呢？如果一个元素可拖动，当它停止的时候，总要依附于什么，这个角色取名为画布。