我不是 HTML css 的专家，我有一个要转换成 HTML 的设计。我阅读了有关 canvas 的信息，但我不知道如何才能满足我的要求。我搜索了很多，但没有什么能帮上忙的。
这是我的设计:
它是一个横幅区域，由三个部分组成。
- Banner Image (Car Pic)
- Transparent triangle type div
- And there are nav (menus)
我只是想知道如何创建这个三 Angular 形 div 因为我不知道。
所以请给我一个有用的解决方案。非常感谢你。
注意:也是响应式的。
最佳答案
我的建议是将 nav 与旋转的 div 分开，正如@krisph 所说，您只需要在该 div 上应用 transform: rotate(45deg) 并将其固定。然后应用变换:在每个方形点上旋转(45 度)。我猜你甚至不需要使用 Canvas !
关于javascript - 在 html5 Canvas 上需要一些帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42109548/