Serviceを読んで理解し、同意したものとみなします。スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。1,026件31Javascriptとsvgの勉強として以下のコードを作成してみました。1週間程かけてsvgの仕組み,JavascriptのaddEventListener,jQueryのイベント関連関数など色々試してみましたが一番スムーズに動いたソースを張り付けておきます。以下のリンクで確認できます。使用して蛇のようなアニメーションを再現したい。※Canvasも試してみましたがsvgの方が自由度が高いのでSVGを使用しました。変化されないというのは理解しております。addEventListener関数の外に出すこともできますがその場合マウスの座標が取得できない。※一番下にリンクを張っておきます。エラーが出ているのでやり方がおかしいのかもしれません。Javascriptの経験はまだ浅い方なのでもっといい方法があるのかもしれません。票1ざっくりですが修正してみました。height="300"></svg></div>やったことsetIntervalで毎回実行する必要が無い記述はわける。毎回実行する必要があるのは下記項目なので、それ以外の記述はそとに移しました。randomの数字を撮り直す情報の取得・描画svgのパスを生成し直すパスを作る処理を関数化マウスを移動した時の処理とsetIntervalの場合にパスを生成する処理を共通しそれぞれで実行するように修正しました。(createPath)あとは見ていただければなんとくわかるのではないかと思います。Pathの生成部分などいまベタで描いてしまっているのですがfor文で描いたほうが応用が効きそうかなとは思いました。ソースコードが大変きれいになりました、勉強になりました。|回答スタック・オーバーフローに参加してくれて、ありがとうございます!質問の回答を共有してください。回答を説明し、自分の検討結果も共有してください。意見を述べること(意見を述べるなら、参照リソース、自分の経験で意見をサポートしてください)さらにサポートが必要な場合このヘルプを参考してください。“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。タグが付いた他の質問を参照するか、自分で質問をする。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。