html5キャンバスアニメーションで四角形の四角形を変更する方法

Question

私はJavascriptで特にNOOBですので、私はあなたの助けが必要ですが、説明することができれば幸いですnoobsと私は何かを学ぶかもしれないように。言われて、私はコードやプラグインを使用してだと

クライアント（第二の画像、ピンクの正方形と左に1つずつ）のための私の開発のウェブサイトにこのウェブサイトhttp://cakewp.com/divi-tutorials/add-nice-moving-particles-background-effect/#comment-242に説明がhttps://soluzionweb.com/lexmart/

そして問題あなたがズームインしてページをズームアウトしないと、正方形が正しいサイズでレンダリングされない限り、ピンク色の四角形は四角形ではなく四角形です。

私はWordpressでpages.jsファイルをエンキューしてページの最後にロードすることをお勧めします。そうすれば、フルページが読み込まれるとロードされますが、それが問題かどうかはわかりません私はいくつかの関数を試しましたが、Javascriptファイルをエンキューする正しいコードは何かを理解できませんでした。

これは私がactualy持っているものです。

これは私が持っているしたいものです。

Answer 1

この修正の問題は、私のstyle.cssに次を追加しますアクティブテーマファイル：

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

上記のコメントのいくつかに基づいて、問題がJavascriptではなくCSSの幅と高さの宣言に関連しているかどうかを調べるためにいくつかのテストを行いました。