javascript - 画像をクリックして拡大または縮小するために使用できる簡単な JS はありますか?

htmlで画像を拡大・縮小できるjsを参考にしたいのですが、画像は大きい画像と小さい画像の2種類を使うのがベストです モールのコメント用にもっと簡単な画像共有機能はありますか?わかりません。

習慣沉默 2017-05-19 10:47:30 0  2  740

javascript - gulp 画像圧縮プラグインをインストールした後、gulp コマンドを実行した後に「モジュール 'file-type' が見つかりません」と報告されるのはなぜですか?

この画像圧縮ツールをインストールした後、gulp コマンドを実行して html と css を圧縮できましたが、現在は実行できなくなり、最初の画像でエラーが報告されます。また、jsファイルが圧縮できない（gulp-uglifyプラグインがインストールされている）原因も教えてください ネットでは構文エラーと言われていますが、ブラウザでは見られません。 ..

世界只因有你 2017-06-22 11:54:19 0  1  1052

javascript - HTML、画像、JS、CSS では、タグの src または URL を介してサーバー上のリソースを取得します。サーバーは各リソースに対応する応答を書き込む必要がありますか?

最近、Xiaobi は NodeJS を学習しています。ネットワーク プログラミングをしていたとき、ブラウザはまず入力アドレスを介してページに HTTP リクエストを送信し (サーバーはリクエストに応答して HTML ファイルを返します)、次に画像を送信すると考えていました。 HTML 内の JS と CSS はタグを介して渡され、src または href はサーバー (ブラウザーも...) 上のリソースを取得します。

为情所困 2017-06-17 09:16:59 0  1  1004

タイトルを次のように書き換えました: 画像名にハイフンが含まれている場合、長すぎる場合、または画像の位置に依存している場合、画像の読み込みはブロックされます

Web サイトの下の C:\xampp\htdocs\catshop\assets\img フォルダーにいくつかの画像を配置しています。画像に「food- Adult-wet-meo-sardine-in-prawn-jelly-400g」のような名前が付いている場合、その画像は Web サイトに表示されません。ただし、名前が can1.png または can-1.png の場合は、(同じ位置にある場合でも) 正しく表示されます。 1 つしかない場合でも、food-prawnjelly.png という名前にすると、

P粉794851975 2024-01-16 18:25:49 0  1  384

JavaScript または jQuery を使用して画像の自然な寸法を取得するにはどうすればよいですか?

これまでのところ、私はこのコードを持っています: varimg=document.getElementById('draggable'); varwidth=img.clientWidth; varheight=img.clientHeight; ただし、これは html 属性 CSS スタイルを取得します。ファイルの実際の画像リソースのサイズを取得したい。画像をアップロードした後、幅が 0px に設定されますが、なぜ、どこでこれが起こるのかわからないため、これが必要です。これを防ぐには、

P粉916553895 2023-10-21 13:53:08 0  2  781

javascript - キャンバスの画像処理に関する問題

ユーザーがアップロードした画像を処理するにはキャンバスを使用する必要があります。ユーザーがアップロードしたサイズは非常に大きい可能性があります。たとえば、現在のブラウザ ウィンドウの幅と高さを超えるため、表示領域に比例して拡大縮小します。ブラウザの画像をキャンバス上に描画しますが、これはユーザーの絵を縮小することに相当します...

扔个三星炸死你 2017-06-10 09:49:16 0  3  963

JavaScript - Html5 またはオリジナルの JS を使用してオンラインで画像を角丸長方形に切り抜くにはどうすればよいですか?

h5 または js で、Web ページ上の画像をトリミングして角を丸くカットする方法はありますか?現在のところ、長方形のカットしか見たことがありませんが、角が丸い透明な .png カットを実現できないでしょうか。

ringa_lee 2017-06-08 11:03:09 0  2  781

JavaScript - WebP 形式の画像はどのようにして Firefox などのブラウザと互換性を持たせることができますか?

WebP 形式の画像はどのようにして Firefox などのブラウザと互換性を持たせることができますか?

大家讲道理 2017-07-05 10:52:03 0  1  976

JavaScript - tinymce エディターでコンテンツ画像のサイズ変更を無効にするにはどうすればよいですか?

タイトルにあるように、現在、Weibo コンテンツを送信するためのエディターとして tinymce が使用されています。画像を挿入した後、画像をクリックするとサイズを変更できる、つまり 4 つの点が表示され、画像を拡大または縮小できることがわかりました。これを無効にするにはどうすればよいですか?

巴扎黑 2017-07-05 10:41:20 0  1  1168

javascript - WeChat 公式アカウントをフォローすると、WeChat アバターと QR コード付きの写真が届きます。この画像はどのようにして生成されたのでしょうか?

WeChat公式アカウントをフォローすると、WeChatアバター付きの写真とQRコードが届きます。この画像はどのようにして生成されたのでしょうか?

PHP中文网 2017-05-27 17:42:17 0  3  904

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミット タイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12 0  1  606

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

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

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

JavaScript - キャンバス圧縮画像の最大圧縮率はどれくらいですか?

最近のプロジェクトでは、画像が圧縮されてアップロードされ、画像の圧縮に Canvas が使用されました。 Canvas では、画像ごとに最小圧縮率が異なることがわかりました。最大の 22M 画像の場合、最小のものは約 900k までしか圧縮できず、圧縮率は 0.036 です。そして、写真のうちの 1 枚 (わずか約 900k...)

大家讲道理 2017-06-12 09:28:20 0  1  940

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

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

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

javascript - JS画像を圧縮してファイルとしてアップロード

WEBKITで画像をアップロードする際にはJS画像圧縮を使用します。画像を選択する際に画像を圧縮して画像のBASE64データを取得し、フォーム送信時にファイル形式で画像をアップロードします。BASEデータが取得できましたので、ただし、アップロードされたファイルも BASE64 データであるため、ファイルを使用して multipart/form-dat を直接アップロードすることはできません...

淡淡烟草味 2017-05-18 10:58:12 0  4  1682

Android のイメージビューにパスと音声ファイルを追加し、パスと音声の場所を記録し、編集中にその場所を変更しないようにする方法

絵上にパスを描きます パスの終点に音声を追加できます 音声をクリックすると再生します 完了するとパスと音声の位置が記録されます 編集時にパスと音声を削除して編集することができます画像が拡大縮小される場合、それに応じてパスも拡大縮小する必要があります。

黄舟 2017-05-24 11:37:46 0  1  909

SVG イメージを使用してレスポンシブ グリッド エリアを作成できません

SVG 画像を含むレスポンシブなグリッド領域を作成しようとすると、グリッド領域の幅が任意になったり、画像を停止せずに特定の点まで拡大または縮小したりできないなどの奇妙な動作が発生します。私が得た最も近いものは次のとおりでした: *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16 0  1  548

CSSグリッドを使用して画像を配置するにはどうすればよいですか?

CSSグリッドを使用してWebサイトの一部を構築しようとしています。リストと画像を同じ行に維持し、画面サイズが変更されたときに縮小/拡大するようにしようとしています。コードは以下に貼り付けられます。ご協力をよろしくお願いいたします。エラーがグリッド テンプレート内にあるのかどうか疑問に思っています。 .pm{表示:インライングリッド;最大幅:100%;位置:相対;マージン:自動;グリッドテンプレートエリア:"タイトルタイトル"

P粉463824410 2024-04-01 22:08:31 0  1  439

JavaScript - 低バージョンの Chrome およびモバイル端末での SVG フォントのスケーリングの問題。

低バージョンのシェル ブラウザや 360 Extreme Speed などのモバイル ブラウザでは、svg の <tspan> タグ内のフォントを正しく拡大縮小できませんが、最新バージョンの Chrome では正常です。 {コード...} ウィンドウを縮小しても、スピード ブラウザのフォント サイズは 12 ピクセルに拡大縮小されても縮小されません。最新のChromeでは問題なく動作します...

怪我咯 2017-05-16 13:32:50 0  1  703

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  612