Javascript 在钛合金视图上创建三角形效果

如何在视图和滚动视图上创建如图所示的三角形效果

我知道如何创建卷轴并填充它，以及如何创建我的视图机器人，但我不知道如何在javascript中创建这种效果

想象一下，我们想要用三角形效果隐藏的视图是绿色视图

因此，创建一个旋转角度为15°的黄色视图，该视图是绿色视图的父视图，设置为绿色视图，旋转角度为-15°，左侧为0，并固定尺寸宽度和高度

用top=-Y，left=-X在窗口中插入黄色视图，计算X，Y使绿色视图在屏幕中居中

---

现在，您可以在更改黄色视图的宽度时使用三角形效果了

我已经测试了代码，效果很好。谢谢。但是我有一些问题。假设我的绿色视图中有一个滚动视图。当我向滚动条添加标签和视图并滚动时，我的标签和视图将消失。这种情况发生在android中