如何在 html5 画布动画中更改正方形中的矩形

Question

我必须首先说我是一个绝对的 Javascript 菜鸟，所以我需要你的帮助，但请记住，如果你能为菜鸟解释一下，我将不胜感激，这样我就可以学到一些东西。

话虽如此，我正在使用本网站http://cakewp.com/divi-tutorials/add-nice-moving-particles-background-effect/#comment-242上解释的代码和插件到我的开发网站一个客户（第二张图，左边有粉红色方块的那个） https://soluzionweb.com/lexmart/

问题是粉红色方块不是正方形，而是矩形，除非您放大和缩小页面，然后才能以正确的大小呈现正方形。

我认为将我的 Wordpress 中的particles.js 文件排入队列以在页面末尾加载可能是一个好主意，因此，它会在加载整个页面后加载，但不确定这是否是问题，也不确定如果那将是一个解决方案......还有更多......我尝试了一些功能，但无法弄清楚将Javascript文件排入队列的正确代码是什么。

这就是我的实际情况：

这就是我想要的：

Answer 1

此修复问题，将以下内容添加到我的 style.css 活动主题文件中：

.particles-js-canvas-el {
    width: calc(100 * (1vw + 1vh - 1vmin)) !important;
    height: calc(50 * (1vw + 1vh - 1vmin)) !important;
}

根据上面的一些评论，我做了一些测试，发现问题与CSS宽度和高度的声明有关，而不是在Javascript中。