javascript - 为 flexGrow 编写数学公式以调整 div 宽度，将字母数和窗口宽度作为变量-6ren

javascript - 为 flexGrow 编写数学公式以调整 div 宽度，将字母数和窗口宽度作为变量

转载作者：行者123 更新时间：2023-12-04 10:47:40

如果你运行下面的代码片段，你会看到我在每个 div 上有一个悬停效果，这会打开一个立即购买按钮..为了使这个工作适用于不同的语言和不同的窗口宽度，我希望使每个 div 的宽度动态取决于“立即购买”div 和窗口宽度中有多少个字母。所以我做了一个时髦的公式，但不确定如何让它在不同的窗口宽度上工作。有人可以帮我做数学吗？

变量是:
flex 成长，
窗口宽度 &
buyNowLetters(div 中的字母数)

    document.addEventListener('DOMContentLoaded', fms())

    function fms(){
        var shadeFinder = document.querySelector('.fms-wrapper')
        var shadeDiv = document.querySelectorAll('.fms-shade')
        var vw = window.innerWidth;

        //first load the right colors in to the divs
        shadeDiv.forEach(div => {
            div.style.backgroundColor = div.getAttribute("fms-bg")
        })

        //mouse hover events
        shadeDiv.forEach(div => {
            div.onmouseenter = function(event) {
                let target = event.target;
                target.classList.add('js-hover')
                var buyNowLetters = target.lastChild.innerHTML.length;
              
                //THIS IS THE FORMULA IVE BEEN TRYING WITH
                target.style.flexGrow = (20000/vw)*(buyNowLetters/19);
            };

            div.onmouseleave = function(event) {
                let target = event.target;
                target.style.background = target.getAttribute("fms-bg");
                target.classList.remove('js-hover')
                target.style.flexGrow = 1;
            };
        })
        
    }

.fms-wrapper {
    height: 300px;
    width: 100%;
    display: flex;
    margin: 100px 0;
    align-items: center;
}

.fms-shade {
    
    flex-basis: auto;
    flex-grow: 1;
    transition: all 0.8s;
    height: 100%;
    transform: scaleY(1);
    position: relative;
    margin-left:-1px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    text-align: center;
    transition-timing-function: ease-in;
}

.fms-shade.js-hover {
 
    transition: all 0.2s;
    height: 120%;
    transition-timing-function: ease-out;
}


/* top bottom text before hover */
.fms-shade > .fms-shade__top {
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: all 0.2s;
}
.fms-shade > .fms-shade__bottom {
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: all 0.2s;
    bottom: 10px;
    white-space: nowrap;
}


/* hover over div */
.fms-shade.js-hover > .fms-shade__top {
    position: absolute;
    opacity: 1;
    display: block;
    text-align: center;
    transition: all 0.2s;
}
.fms-shade.js-hover > .fms-shade__bottom {
    position: absolute;
    opacity: 1;
    display: block;
    text-align: center;
    bottom: 10px;
    transition: all 0.2s;
}

<div class="fms-wrapper">
        <div f1 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">B </p></div>
        <div f2 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BW </p></div>
        <div f3 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BU W</p></div>
        <div f4 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BU NW</p></div>
        <div f5 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BU YOW</p></div>
        <div f6 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUY NOW</p></div>
        <div f7 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUY NOWW</p></div>
        <div f8 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUY NOWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUY NOWWW</p></div>
        <div f11 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUU YNOWWWW</p></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p  class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWWWWW</p></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>


    </div>

我什至不确定 flexGrow 是否是最好的方法，也许有更好的方法？

最佳答案

当 div 为空时，您有一个 javascript 错误需要解决:

if(target.lastChild != null)

解决方案:

you might need to small changes on the code, but this to give an idea of how to calculate the width

使用以下 jquery 获取折叠条的宽度

if you have another idea you can implement I'm short in time thats why i used the jquery:

const barWidth =$('.fms-shade').sort(function(a, b){
                                 return $(a).width() > $(b).width(); 
                              }).first().width();

使用以下方法获取当前条形内容宽度:

var contentWidth =target.lastChild.clientWidth;

使用以下代码计算您必须将折叠的 div 宽度乘以多少次才能显示内容。

Math.ceil to get the nearest bigger integer

var flexMCount = Math.ceil(contentWidth/barWidth);

将数字分配给 flexgrow:

target.style.flexGrow =flexMCount;

检查完整代码:

document.addEventListener('DOMContentLoaded', fms())

const barWidth =$('.fms-shade').sort(function(a, b){
                                 return $(a).width() > $(b).width(); 
                              }).first().width();
                              
    function fms(){
        var shadeFinder = document.querySelector('.fms-wrapper')
        var shadeDiv = document.querySelectorAll('.fms-shade')
        var vw = window.innerWidth;

        //first load the right colors in to the divs
        shadeDiv.forEach(div => {
            div.style.backgroundColor = div.getAttribute("fms-bg")
        })

        //mouse hover events
        shadeDiv.forEach(div => {
            div.onmouseenter = function(event) {
                let target = event.target;
                target.classList.add('js-hover')
                if(target.lastChild != null)
                {
                //Get the collapsed bar width
                var contentWidth =target.lastChild.clientWidth;
                 var flexMCount = Math.ceil(contentWidth/barWidth); 
                
               
                  //THIS IS THE FORMULA IVE BEEN TRYING WITH
                  target.style.flexGrow =flexMCount;
                }
            };

            div.onmouseleave = function(event) {
                let target = event.target;
                target.style.background = target.getAttribute("fms-bg");
                target.classList.remove('js-hover')
                target.style.flexGrow = 1;
            };
        })
        
    }

.fms-wrapper {
    height: 300px;
    width: 100%;
    display: flex;
    margin: 100px 0;
    align-items: center;
}

.fms-shade {
    
    flex-basis: auto;
    flex-grow: 1;
    transition: all 0.8s;
    height: 100%;
    transform: scaleY(1);
    position: relative;
    margin-left:-1px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    text-align: center;
    transition-timing-function: ease-in;
}

.fms-shade.js-hover {
 
    transition: all 0.2s;
    height: 120%;
    transition-timing-function: ease-out;
}


/* top bottom text before hover */
.fms-shade > .fms-shade__top {
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: all 0.2s;
}
.fms-shade > .fms-shade__bottom {
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: all 0.2s;
    bottom: 10px;
    white-space: nowrap;
}


/* hover over div */
.fms-shade.js-hover > .fms-shade__top {
    position: absolute;
    opacity: 1;
    display: block;
    text-align: center;
    transition: all 0.2s;
}
.fms-shade.js-hover > .fms-shade__bottom {
    position: absolute;
    opacity: 1;
    display: block;
    text-align: center;
    bottom: 10px;
    transition: all 0.2s;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="fms-wrapper">
        <div f1 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">B </p></div>
        <div f2 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BW </p></div>
        <div f3 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BU W</p></div>
        <div f4 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BU NW</p></div>
        <div f5 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BU YOW</p></div>
        <div f6 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUY NOW</p></div>
        <div f7 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUY NOWW</p></div>
        <div f8 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUY NOWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUY NOWWW</p></div>
        <div f11 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUU YNOWWWW</p></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"><p  class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWWW</p></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"><p class="fms-shade__top">F9</p><p class="fms-shade__bottom">BUUYNOWWWWWWWWWWWBUUYNOWWWWWWWWWWW</p></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>

        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(65, 104, 148)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(95, 189, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 168, 72)"></div>
        <div f9 class="fms-shade" fms-bg="rgb(189, 72, 183)"></div>


    </div>

关于javascript - 为 flexGrow 编写数学公式以调整 div 宽度，将字母数和窗口宽度作为变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59626603/

文章推荐： c# - 无法从 Linq 翻译 Odata 查询

文章推荐： java - 安卓工作室 : file written to another directory

文章推荐： perl - 我可以在包中注入(inject) perl 子程序吗？

Javascript 调整
我是 Javascript 新手，所以请原谅基本代码。有什么方法可以让我使用用户输入的指定调整来打印代码？ height: width: 最佳答案为按钮
javascript - 调整 A 框架中的屏幕截图大小
我有一个带有 A 框架的场景，我正在使用方法 getCanvas 来获取屏幕截图并将其发送到 PHP。有没有办法调整 getCanvas 图像大小？因为默认的是 4096x2048，我需要它更小。如果
Oracle 调整/分析表
安排自动“分析表”的方法是什么。当大量数据通过插入和删除发生更改时，是否可以请求自动“分析表”？参数化自动分析表过程的方法是什么，即设置何时应该触发的规则。最佳答案您使用的是哪个版本的 Oracl
C - 调整/放大图像
我只是想说，我是 C 语言的新手。好吧，除此之外，我在圣诞假期的任务是编写一个以各种方式操作 PNG 图像的程序。我已经完成了大部分事情，但是在尝试编写放大图像的程序时遇到了问题。我已经尝试过了，并且
postgresql - Postgres 调整
在 Postgres 中编写更快查询的有效方法是什么？请不要包括一般良好的数据库实践(例如使用索引或规范化)。我正在寻找像派生表比子查询工作得更快或使用 python 字符串函数似乎比 pgsql 字
用于对齐页面元素的 Css 调整？
我不知道自己做了什么，但我要么将页眉和导航向右移动，要么将页面的其余部分向左移动。使用 tw Bootstrap 。我想不通。我对它进行了调试并查看了我的 css 编辑，没有看到任何负边距(我怀疑是这
html - 调整/缩放内部容器中的字体
我希望能够增加默认字体大小，但只能在特定的 DIV 内。很明显，这似乎正是 ems 所针对的那种情况。我的问题是我只想增加字体大小，而不影响使用em设置大小的其他内容，例如填充和边距。这可能看起来
algorithm - 感知器算法 - 调整
我正在我的大学上数据挖掘类(class)。我真的不明白这个问题。谁能帮我理解一下？最佳答案重要性权重让您了解在采样时找到特定数据点的频率。您可以使用它来增加训练数据集。例如，如果您只有两个数据点:
C++ 调整/优化
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
c - 调整 argVector
我的部分程序如下所示: char *argVector[] = {"./doTasks","0", "1", "3", NULL}; int numChild = 3; int temp; char
c++ - 调整 Qt 窗口大小时出现闪烁的白色区域
我在调整 QWindow 大小时观察到一个奇怪的行为。当我调整窗口大小时使宽度和高度都增加或减少时，窗口不会以白色背景闪烁。但是当我增加宽度同时减小高度(或反之亦然)时，窗口会闪烁并暂时用白色填充新的
调整 ggplot geom_dotplot 的大小
我在使用 ggplot2 创建图形时遇到问题。我正在使用带有中心堆叠的 geom_dotplot 来显示我的数据，这些数据是 4 个类别的离散值。出于审美原因，我想自定义点的位置，这样沿 y 轴减
javascript - 调整 Canvas 大小以适应容器
在尝试让我的 Canvas/Stage 调整大小并使其正确适合父容器时遇到一些问题。我发现了其他类似的帖子，虽然答案确实帮助我获得了新的屏幕尺寸，但它仍然不想适应容器，而是直接进入屏幕的边缘(这在示例
svg - 调整 svg 组的路径
我想将路径大小调整为 20 像素左右。 SVG 的大小应为 500 * 500，现在路径宽度为 297，高度为 180.7。现在我需要这条路径，其宽度为 277，高度为 160.7，在之前的路径中。
javascript - 调整 SVG 的大小围绕其原点旋转
我有一个矩形 svg，可以围绕二维平面拖动，围绕它自己的原点旋转并调整大小。 class SVG extends React.Component { constructor(props) {
python - 调整 MLPRegressor 超参数
我一直在尝试调整 MLP 模型的超参数来解决回归问题，但我总是收到收敛警告。这是我的代码 def mlp_model(X, Y): estimator=MLPRegressor() param_gr
SwiftUI - 调整 ScrollView 滚动指示器插入
我正在创建一个聊天应用程序，我希望 ScrollView 的内容位于输入字段下方(向上滚动时)。我已经将 ScrollView 和输入字段放在 ZStack 中。 ScrollView 上的底部填充使
.NET 垃圾收集 (GC) 调整
我遇到 GC 来不及删除空闲对象的情况。该代码将一个大文档加载到内存中并循环处理它。如果我在此循环中停止(在 Debug模式下)或添加 GC.Collect()，内存使用量将下降到 70 MB 以下。
pdf - 调整 PDF 格式以更快地打印它
我正在使用 iTextSharp 和 PdfSharp 的组合来组装一个大型 PDF 文件，以便打印到 Canon Oce VarioPrint 6000 系列打印机。 PDF 正在替换后记文件。这
sql - 调整 mysql 查询以获得更好的性能
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。这个问题似乎不是关于 a specific programming problem, a softwar

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 为 flexGrow 编写数学公式以调整 div 宽度，将字母数和窗口宽度作为变量