需要一些关于html5画布的帮助

Question

我不是HTML css的专业人士，我有一个可以转换为HTML的设计。我读到了帆布，但我不知道如何才能满足我的要求。我搜索了很多，但没有什么非常有用的。

这是我的设计：

它是一个横幅区域，有三个部分。

  

  
1. 横幅图片（汽车图片）
  
2. 透明三角形类型div
  
3. 还有导航（菜单）
  

我只想知道如何创建此三角形类型div，因为我不知道。

所以请给我一个有用的解决方案。我非常感谢你。

注意：它也是一个响应。

Answer 1

我的建议是将导航与旋转的div分开，并且@krisph说你只需要应用一个变换：在该div上旋转（45度）并保持固定。然后应用变换：在每个方点上旋转（45度）。你甚至不需要使用画布！