如何使画布跟随滚动div?

时间:2016-03-11 20:48:53

标签: javascript html css canvas

我想做一件简单的事情。 3 div在触摸时上下移动(适用于智能手机)。在这个3 div的顶部,我想要一个画布,以画出div的边缘。 (在示例中它是直的,但会有一些旋转和其他漂亮的画布绘制......)。我想用画布而不是img来学习。

我使用vh,vw使其响应。只有5个div。

我不确定我上下滚动的解决方案是个好主意。它代表队伍1或队2的时候。

这是我的小提琴: https://jsfiddle.net/Sulot/gzm6duzy/2/

#mycanvas{
pointer-events: none;
position:fixed;
top:0;
left:0;
width:100vw;
height:100%;
z-index:5;
border: 3px solid;
}

这个css选择并不是一个好主意。

谢谢,

斯特凡。

0 个答案:

没有答案