Q&A
ご自身でどこまでやったかのソースコードを記載してください。
前提・実現したいこと
下記のような動きをサイトに入れたいと考えています。
https://aqua2020.sakura.ne.jp/new/
次のサイトのソースをコピーして入れているのですが、
ビジュアルのイメージをもう少し横幅いっぱいのイメージに
したいと考えています。
（画面拡大した時に、横幅100％は無理でも、
もう少し大きく見せたいと思っています。）
https://codepen.io/zadvorsky/pen/PNXbGo
ジャバスクリプトで画像サイズが計算されているようなのですが、
どのようにさわれば実現できるのかがわからず、
ご教示いただけますと幸いです。
なお、文字数の制限でソースコードをこちらには載せられませんでしたので
下記からジャバスクリプトのソースをご覧いただけますでしょうか。
https://aqua2020.sakura.ne.jp/new/moove.text
どうぞよろしくお願いいたします。
コメントありがとうございます。
ソースコードなのですが、文字数制限にひっかかってしまい、載せることができませんでした。
下記からソースコードをご覧いただけますので、可能であればご覧いだけますと幸いです。
https://aqua2020.sakura.ne.jp/new/moove.text
JavaScriptなのに、.txtなんですか？
というか、下記のサイトの動き、の方は、質問者さんが作った物ということですか？ドメインが同じだったので・・・。
話があべこべだと思うのですが・・・。
ソースを表示させるために、txtにしています。
私が作ったサイトが↓です。
https://aqua2020.sakura.ne.jp/new/
そのサイトに入れたジャバスクリプトのソースが↓です。
https://aqua2020.sakura.ne.jp/new/moove.text
わかりづらく、申し訳ございません。
ひとまず、コード量がかなり多く、
一回答で回答できるものではありません。
（お金払って検証してもらうレベルに近い）
なので、検証の仕方や、こうやって該当箇所を特定する、
といった、方法の提示しかできませんが、それでもいいでしょうか？
申し訳ありません。。どうぞよろしくお願いいたします。
回答1件
0
ブラウザの検証を使い、どう動いているかみましょう。
そうすれば、canvas要素を、ウィンドウサイズに合わせて動的に変えているのがわかります。
そこから、読み込んでいるJavaScriptの処理の中で、canvas要素を、動的に処理している場所を見つけ、
そこから、大きさ調整の処理を見つけ、調整する、といった手順でしょう。
とかく、一個一個の処理を、コンソールでどこを通っているかを確認しつつ、しらみ潰しで該当処理の箇所を見つけるしかありません。
投稿2020/11/13 15:24
総合スコア9528
あなたの回答
tips
プレビュー
