首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【CSS】CSS 背景设置 ② ( 背景位置 | 背景位置-方位值设置 )

文章目录 一、背景位置 1、语法说明 2、注意事项 二、背景位置-方位值设置 1、效果展示 2、完整代码示例 一、背景位置 ---- 1、语法说明 如果 盒子的大小 大于 背景图片的大小 , 默认的...图片 位置是 左上角 ; 设置背景位置的 CSS 语法如下 : background-position : length length background-position : position position...; 设置背景位置为 左下角 : 粉色区域是盒子的区域 , 图片背景位于盒子左下角 ; 设置 bottom left 和 left bottom 效果是一样的 ; /* 设置背景位置 - 左下角 */...background-position: bottom left; 设置背景位置为 水平居中 垂直居中 : 粉色区域是盒子的区域 , 图片背景位于盒子中心位置 ; /* 设置背景位置 - 水平居中 垂直居中...*/ background-position: center center; 设置背景位置 指定一个值 另一个默认居中 : 粉色区域是盒子的区域 , 图片背景位于盒子的位置为 垂直方向位于顶部 ,

3.9K20

聚焦位置-选择您喜欢的位置放置虚拟物体

我们现在能够看到它,但它的位置并不理想,就好像它是在相机的起始位置,这是世界起源。最重要的是,它是空闲的。我们希望它在场景中移动,以便我们可以选择一个位置来添加模型。...let hitTestResult = hitTest.first 世界变换 命中测试的目的是检索表面的位置。并且该位置存储在世界变换中。世界变换是命中测试结果相对于世界坐标的节点变换属性。...简而言之,这些结果包含有关变换的信息,如方向,位置和比例。 guard let worldTransform = hitTestResult?....worldTransform else {return} 世界变换是一个4x4矩阵,位置保留在第四列。因为矩阵是多维数组并且数组的值从0开始,所以第四列的数量是3。...let worldTransformColumn3 = worldTransform.columns.3 最后,将该位置指定给焦点方块。同时,它会随着相机的移动而更新。

2.4K30
领券