我最近需要在应用的主页面中实现这种布局。 一般的想法是并排放置2个三角形,与设备的精确高度相匹配,可以在代码中点击并轻松识别, 这将用于将用户重定向到另一页面上的特定类型的服务。它应该是一个移动应用程序。
我想到的想法或多或少与这个想法相似:
Triangle shape with background image
主要区别在于,我还没有能够实现让这些三角形占据整个屏幕空间的方法,就像使用DIV或Canvas以及SVG一样,我很难搞清楚一种方法。
这是关于我的想法: https://timsaudiocorner.files.wordpress.com/2011/06/mac-vs-pc1.jpg
但它应该是矩形匹配手机分辨率,并且应该能够精确地划分两个三角形,以便每个三角形可以应用onclicks和动画。
有什么想法吗?