首页 > 其他分享 >缩放

缩放

时间:2023-07-31 16:45:59浏览次数:349  
标签:scale const documentElement 缩放 designWidth designHeight document

  setScale() {       const designWidth = 2047 // 设计稿的宽度,根据实际项目调整       const designHeight = 1080 // 设计稿的高度,根据实际项目调整       const scale = document.documentElement.clientWidth / document.documentElement.clientHeight < designWidth /       designHeight         ? (document.documentElement.clientWidth / designWidth)         : (document.documentElement.clientHeight / designHeight)       document.querySelector('.user-navigation-container').style.transform = `scale(${scale}) translate(-50%)`     },

标签:scale,const,documentElement,缩放,designWidth,designHeight,document
From: https://www.cnblogs.com/q962286047/p/17593819.html

相关文章

  • 完美解决fabirc中对图片进行拉伸等比缩放。
    最近写公司项目遇到了这个fabirc这个库,第一次使用这个库可谓是遇到了很多麻烦,不过还好经过多天熬夜奋斗才勉强熟练使用这个库,今天小编初略的说一下怎么对图片进行等比缩放。话不多说直接看代码注释letthat=this;//创建图片画布fabric.Image.fromURL(......
  • Vue使用v-viewer插件实现图片预览和缩放和旋转等功能
    科普:v-viewer简单来说:v-viewer是一款支持vue项目中的图片浏览组件,它支持图片旋转、缩放、翻转等操作,支持配置化.非常强大官网目录:v-viewer安装依赖直接执行命令:npminstallv-viewer--save引入并使用依赖下载完成之后,就可以配置了,具体操作就是引入并使用依赖了。找到vu......
  • 穿梭转场——模糊缩放偏移轮番上
    效果空间-偏移通过打关键帧来达到偏移效果然后加方向模糊扭曲变形+模糊把两个视频嵌套成一个,然后通过关键帧改变大小,先变大后变小在调整图层上做效果,镜头扭曲缩放穿梭效果如何做出穿梭的效果?效果图层不能放在中间,要放在前面或者后面通过新建调整图层+效果镜像,复制......
  • echarts记录篇(三 ):使用横向柱状图实现左侧分类对齐右侧显示数据效果及数据过多加滚动
    一、效果如下: 二、直接上代码上一篇已经说过左侧分类,右侧数据对齐的方法,如果需要移步上篇,此篇主要是纵向滚动条功能,代码如下:dataZoom:[{type:"slider",realtime:true,//拖动时,是否实时更新系列的视图startValue:0,endVal......
  • 直播开发app,Java修改图片大小尺寸图片缩放
    直播开发app,Java修改图片大小尺寸图片缩放Thumbnailator是Java的开源图像大小调整库,它使用渐进式双线性缩放。它支持JPG,BMP,JPEG,WBMP,PNG和GIF。 通过将以下Maven依赖项添加到我们的pom.xml中,将其包括在我们的项目中: <dependency>  <groupId>net.coobird</groupId>  ......
  • 屏幕缩放比例原理
    情景一:基准宽度:bw=1920基准高度:bh=1080变换后宽度:tw=1920变换后高度:th=600基准比例:br= bw/bhbw/bh>tw/th表示宽度大,将高度最终显示为th(即高度直接显示,按同比例显示情况下计算宽度需要显示为多少),故高度缩放比例计算为:scaleHeight=th/bh,计算最终显示......
  • Threejs物体缩放与旋转
    目录1scale设置缩放2rotation设置旋转2.1旋转动画3综合上述代码物体的缩放与旋转是我们经常要操作的方式。1scale设置缩放因为物体的scale属性是vector3对象,因此按照vector的属性和方法,设置x/y/z轴方向的缩放大小。//例如设置x轴放大3倍、y轴方向放大2倍、z轴方向不变c......
  • Unity3D_根据不同的屏幕缩放UI(在横屏上运行竖屏软件)
    一、首先我们创建一个1080*1920分辨率的场景 效果如下二、随便添加一张UI图片三、打包出来看效果(我们发现UI显示不全,这是因为UI的尺寸任然是1080*1920,而我们的电脑是1920*1080) 四、我们在Unity中做以下设置1.选中游戏物体Canvas2.点击组件CanvasScaler上的UISc......
  • python实现两函数通过缩放,平移和旋转进行完美拟合
    Curve_fitting前几天在工作的时候接到了一个需求,希望将不同坐标系,不同角度的两条不规则曲线,并且组成该曲线的点集数量不一致,需求是希望那个可以通过算法的平移和旋转搞到一个概念里最贴合,拟合态进行比较。这是初步将两组数据画到图里的情况,和背景需求是一致的。其实从肉眼看过......
  • ghidra UI缩放
    ResizeGhidraforHighDPIscreensIfyourunGhidraonahighDPIscreen,youwillprobablyfindtheGUItobescaleddownsosmalltobealmostofnouse.ThereisasettingthatyoucanadjusttoscaletheGhidraGUI:in$GHIDRA_ROOT/supportisafile......