vue
Destiny辰
这个作者很懒,什么都没留下…
展开
-
threejs使用精灵图添加图片贴图
three使用精灵图添加图片贴图原创 2022-12-06 10:09:01 · 1356 阅读 · 0 评论 -
纯css实现视频容器动态尺寸并且固定长宽比
1. 使用场景PC端播放视频容器一般要求是16:9,同时支持多路视频同时播放,可选多种窗格22 、33 、1*1等等。。。就是要实现宽度变化,高度跟着变化,并且保证长宽比为16:9,或者其他比例,看项目需求。纯css实现原理设置外层容器。开启flex布局,使内部元素动态占满容器,注意开启换行设置内部元素宽度,根据不同的窗格数量,设定不同的百分比宽度,让其占满容器使用一张图片,其长宽比为16:9,尺寸可以为1920*1080,将其放入每个内部元素,并设置img的宽度为100%,注意不要设置高度,原创 2022-01-12 12:14:26 · 2291 阅读 · 0 评论