小编Nik*_*ite的帖子

为什么两者之间存在差异

- for(var user in users) {
  p= user //output: user1
- };

和

each user in users
  p= user //output: [object Object]

根据http://jade-lang.com,他们是别名,为什么他们有不同的输出？

用户列表(JSON格式)

users = {
    "user1": {
        "firstname": "John",
        "lastname": "Doe"
    },
    "user2": {
        "firstname": "Jane",
        "lastname": "Roe"
    }
}

在我的页面上,我有一个循环视频播放.点击播放时,另一个视频会被屏蔽,然后慢慢显示.简而言之,我正在使用另一个视频屏蔽视频(黑色/白色蒙版被Canvas变成alphadata)

本教程改编自此处

这很有效,但转换/视频速度令人难以置信,因为画布循环遍历所有像素.有没有人对另一种方法有任何指示来完成这个或加快这个过程？

可以在此处找到此代码的工作演示

HTML:

//Buffer canvas (stacked video's: result + alpha mask)
<canvas style="display:none" width="1920" height="2160" id="buffer">     
</canvas>

//Output canvas (combines mask with video)
<canvas class="video__output " width="1920" height="1080" id="output">
</canvas> 

//buffer canvas uses this video to extract data
<video class="" id="video" preload="auto" style="display:none" >
    <source src="assets/video/masking.mp4" type='video/mp4;codecs="avc1.42E01E"' />
</video>


//Video loop always playing
<video poster="assets/video/poster_desktop.jpg" class="video--top loop" autoplay loop>
    <source src="assets/video/loop.mp4"  type='video/mp4; codecs="avc1.42E01E"' />
</video> 

JS:

function processFrame() {
    buffer.drawImage(video, 0, 0);

    //Get alphadata
    let image = buffer.getImageData(0, …