JavaScript - SVG初心者、SVGに画像を挿入したい

コードは上記の通りです。SVGに画像を挿入してアニメーションさせたいのですが、効果がありません。説明してください...

代言 2017-06-24 09:44:02 0  1  925

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  581

javascript - スワイプの左右切り替え矢印をクリックすると、スワイプ ソース コードの slideNext 関数内で現在の vue インスタンスにアクセスします。

現在の要件は、vue を使用してタブ バーとスワイプを備えたカルーセル コンポーネントを作成することです。カルーセル画像の左右のヘッドをクリックすると、スワイプの slideNext 関数で現在のページのページ番号を取得し、そのページ番号を vue インスタンスに渡してカルーセル画像の同期効果を実現したいと考えています。そしてタブバー！しかし、今ではさまざまな...

漂亮男人 2017-06-26 10:58:16 0  1  773

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  849

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1136

Python - フラスコリダイレクトのリダイレクトの問題?

コードは次のとおりです。画像はアップロードできましたが、アップロード成功後に画像が表示されなくなりました。リダイレクトの書き方はこれで良いでしょうか? {コード...} {コード...} --- -------更新------ ------インデックス ルーティングを変更し、目的の効果を達成しました: {code...} しかし、前のアイデアは間違っていたのでしょうか?

phpcn_u1582 2017-05-18 10:48:50 0  1  855

javascript - ページの読み込みアニメーション効果が表示されない？

1. 現在取り組んでいるプロジェクトはデータ テーブル ページですが、バックグラウンド クエリに時間がかかるため、ユーザー エクスペリエンスを向上させるために、読み込みアニメーションが追加されています。アニメーションを読み込むためのプラグインには問題はありませんが、メソッドの実行中にアニメーション効果が存在しないことがわかります。 2. コードを直接貼り付けます。 jsを始めましょう...

迷茫 2017-05-19 10:18:28 0  4  729

html5 - 疑似要素が追加されましたが、要素を表示すると表示されません

{コード...} このように二方向にアニメーションを設定したいのですが、重ね合わせると曲線の効果が出ますが、今追加した疑似要素は要素を表示すると見えません。理由を聞いてもいいでしょうか？どこに書き間違えたのでしょうか？

为情所困 2017-07-04 13:45:09 0  2  2044

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  881

アニメーション コンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

ページめくりのアニメーションを使用して、本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！カルーセルを考えていますが、スライドショーはページ全体であり、アニメーションコンテンツ、アニメーショントランジションをサポートしており、テキスト...

P粉674757114 2023-09-10 17:41:45 0  1  699

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックス レイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  414

JavaScript - vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法。

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを画面の外にスライドさせたままにする効果を実現する方法。以下は私が書いたコードですが、私が書いたのは次のとおりです: マウスを上に動かします、ボックスはスライドしていますが、マウスは離れていませんが、ボックスは消えています。

PHP中文网 2017-05-19 10:30:36 0  2  875

javascript - JS コード ステートメントの非順次実行。シングルステップ操作は正常ですが、問題が直接発生します。

ポップアップ ボックスが 3 秒後に自動的に非表示になることを実現したいので、次のコードを設定します: {code...} シングルステップ デバッグでは問題ありません。順次実行されます。つまり、ブレーク ポイントです。効果は想像したものと同じですが、中断はありません。直接「実行」をクリックした場合、この効果は発生しません。 js の実行時に独自のものが必要だと思いました...

滿天的星座 2017-06-26 10:50:14 0  4  705

javascript - これがローカルでは機能するのにサーバーでは機能しないのはなぜですか?

ローカルで HTML ファイルを作成し、次の 2 つのコードを挿入したところ、正常に実行されましたが、サーバー上では動作しないのはなぜですか?その理由は何ですか?通常、画像をローカルで拡大および縮小してサーバー上で実行できますが、クリックしても効果がありません。 {コード...} {コード...}

ringa_lee 2017-05-19 10:47:15 0  2  954

css - float 要素が落ちる問題を解決する方法

この効果を実現したいのですが、現在のコードは次のようなものです {code...} {code...} を変更した後、それを解決する方法を知りたいです。幅を縮小するには、div の背景画像が表示されます。写真を比例的に拡大縮小する方法はありますか?

怪我咯 2017-05-16 13:36:42 0  7  1261

javascript - 各ボールの背景画像が異なるようにキャンバス上に複数のボールを描画するにはどうすればよいですか?可能ですか?

質問: キャンバス上に複数のボールを描画する場合、各ボールの背景画像を異なるようにするにはどうすればよいですか? 可能ですか?私が今やりたいのは、それぞれのボールを異なる色にして、そのボールを写真で塗りつぶしたいということです。コードの一部: {code...} 現在の効果:

大家讲道理 2017-06-14 10:54:28 0  4  1037

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36 0  2  642

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  811

フェードイン/フェードアウトトランジションを備えた CSS マーキー

右端からフェードインし、左端からフェードアウトするテキストを含むCSSマーキーを作成しようとしています。文字の端だけが透明になります。これを「不透明マスク」と呼び、左右の端にぼかします。 CSS マーキーのコード例は見つかりますが、このようなフェードイン/フェードアウト効果を備えたものはありません。また、背景を完全に透明にして、テキストのみにエッジ効果を持たせたいと考えています。コンテナにグラデーションを追加しようとしましたが、後から考えると、それは正しいパスではないようです。以下は私がこれまでに思いついたコードです。助けてください、ありがとう！ @BernardBorg: 2 番目の新しい例...

P粉659516906 2024-03-27 21:24:13 0  2  581

JavaScript - 携帯電話の画面をスライドして、特定の要素の上部からの距離を取得するにはどうすればよいですか?同時に、この値を他の関数から参照することはできますか?

タイトルの通り、携帯電話の画面をスライドさせたいのですが、要素が上から一定値（例えば200px）の位置で画面上のポップアップボタンをクリックし、その位置を指定します。ポップアップレイヤーは上から200pxになります。 {コード...} 欲しい この効果が得られ、距離の値は取得できますが、show関数では...

PHPz 2017-05-18 11:02:18 0  2  622