我想有两个图像作为背景,是对角线分开。我认为最好的选择是使用SVG形状作为剪裁口罩,但我不确定。
下面的图片显示了我想实现的目标。正如你所看到的,这两幅图像是完全对角分裂的。
一直困扰我的问题是,我无法找到一种方法来创建这样的分裂,同时不拉伸这些图像,并始终保持全屏(因此响应)。
我的问题/目标:如何制作一个由两个对角线分开的图像组成的页面,这些图像一起形成一个全屏视图,其中图像没有拉伸,分割在两个角落。
编辑:在的帮助下,您可以轻松地创建两个对角线。这是把图像作为这些多边形的背景的问题。然而,图像应该是全屏的,因此应该缩放,而不是拉伸。
复制下面的答案
Your best bet
在我的angular项目中,我使用Bootstrap进行响应式设计。在一个站点上,数据应该通过拖放进行排序。除了Angular Material (https://material.angular.io/cdk/drag-drop/overview)的拖放模块之外,还有其他更好的选择吗?如果没有,是否可以通过拖放模块的Material和Bootstrap的其他样式来同时使用Material和Bootstrap?
我来自Unity world。在Unity中,我们可以很容易地旋转image based lighting的背景天框。我看到在Swift中,我们可以通过输入以下命令来应用skybox:
// Create a new scene
let scene = SCNScene()
var IBLImage = UIImage()
scene.lightingEnvironment.contents = IBLImage
但我希望它能够旋转,这样它就可以与真实环境相匹配。到目前为止,在旋转照明环境内容方面还没有代码方面的幸运。
任何帮助都将受到高度的感谢。