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

Question

我必须首先说我是一个特别使用Javascript的绝对NOOB，所以我需要你的帮助，但请记住，如果你能解释一下noob就会非常感激，这样我就可以学到一些东西。< / p>

话虽如此，我正在使用本网站上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中。