javascript - Gibt es ein einfaches JS, mit dem man durch Klicken auf das Bild hinein- und herauszoomen kann?

Ich möchte ein JS verwenden, das Bilder in HTML vergrößern und verkleinern kann. Es ist am besten, zwei Arten von Bildern zu verwenden, ein großes Bild und ein kleines Bild. Gibt es eine einfachere Bildfreigabefunktion für die Kommentare des Einkaufszentrums? Ich weiß es nicht.

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

So erlauben Sie der Chrome-Erweiterung den Zugriff auf seinen Pfad und seine Dateien

Ich erstelle eine Opera-Erweiterung und möchte einige Bilder im Pfad der Erweiterung speichern. Dieses Plugin ändert auf einer bestimmten Webseite die Hintergrundbild-URL und einige Symbole in benutzerdefinierte Symbole innerhalb der Erweiterung. Wenn ich jedoch das Skript ausführe, wird alles unsic...

P粉644981029 2024-02-26 23:12:34 0  1  813

Bilder ausrichten und skalieren

Ich benötige Hilfe bei diesem Code auf meiner W3Schools-Website. Ich möchte alle Elemente in der Mitte der Seite behalten. Wenn ich jedoch zentriere, zielt die Linse der Funktion auf die alte Position des Bildes. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom Ich habe den Co...

P粉015402013 2024-03-22 11:26:07 0  1  347

Das Zoomergebnis ist schwarz

Warum ist das nach der Skalierung gemäß Quellcode erhaltene Bild schwarz und nichts?

Hide on bush 2019-02-21 13:41:46 0  2  1294

HTML-Hoverbild: Erweitern Sie den anklickbaren Bereich über das Bild hinaus

Ich bin relativ neu in CSS/HTML. Ich habe mich schon eine Weile mit diesem Problem beschäftigt, aber keine Lösung gefunden. Das Problem ist, dass, wenn ich den Code unten verwende (mit Bulma) und mit der Maus über img3.jpg fahre, der anklickbare Bereich der gesamte Block ist, beginnend mit dem erste...

P粉459440991 2023-09-10 16:08:26 0  1  712

CSS-Sprites auf Hintergrundbilder skalieren: eine Anleitung

.my-sprite{background-image:url("https://i.stack.imgur.com/lJpW8.png");height:100px;width:100px;background-position:00;background-position:-200px0px ;}<divclass="my-sprite">&l

P粉063862561 2023-11-02 10:39:28 0  2  829

javascript - Wie deaktiviere ich die Größenänderung von Inhaltsbildern im TinyMCE-Editor?

Wie der Titel schon sagt, wird tinymce derzeit als Editor für den Versand von Weibo-Inhalten verwendet. Nachdem ich ein Bild eingefügt habe, habe ich festgestellt, dass ich die Größe ändern kann, indem ich auf das Bild klicke. Das heißt, es erscheinen vier Punkte, und ich kann das Bild vergrößern un...

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

Javascript – Probleme bei der Verarbeitung von Canvas-Bildern

Ich muss Canvas verwenden, um ein vom Benutzer hochgeladenes Bild zu verarbeiten. Die vom Benutzer hochgeladene Größe kann beispielsweise sehr groß sein und die Breite und Höhe des aktuellen Browserfensters überschreiten. Daher skaliere ich es proportional zum sichtbaren Bereich des Browsers und zei...

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

Mit dem SVG-Bild kann kein reaktionsfähiger Rasterbereich erstellt werden

Wenn ich versuche, einen responsiven Rasterbereich zu erstellen, der ein SVG-Bild enthält, stoße ich auf seltsames Verhalten, z. B. willkürliche Breiten des Rasterbereichs und es gelingt mir nicht, das Bild ohne Unterbrechung bis zu einem bestimmten Punkt zu vergrößern oder zu verkleinern. Das nächs...

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

javascript - Warum sind die Pixel um das Bild herum unscharf, wenn es in den Browser geladen wird?

Ich habe ein Bild mit 1000 Pixel * 1000 Pixel erstellt und das erste Pixel hat eine Füllfarbe. Nach dem Vergrößern forderte das normale Frontend dieses Bild an und stellte den Stil ein: Breite: 40000 Pixel; Höhe: 40000 Pixel. Die umliegenden Pixel sind sehr verschwommen, egal wie stark man hineinzoo...

高洛峰 2017-05-19 10:34:48 0  3  562

Schaltflächen erstellen, die sich an die Bildschirmgröße anpassen – ausführliche Erklärung zur Verwendung von Hintergrundbildern

Ich entwickle ein pfsensecaptiveportal, bei dem mehrere Grafiken nebeneinander angezeigt und an die Bildschirmgröße des Geräts angepasst werden müssen. Dies kann gut mit dem Bildeingabetyp erreicht werden. Das Pfsense-Gerät erkennt diesen Commit jedoch nicht richtig. Damit es funktioniert, ist ein C...

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

javascript – So implementieren Sie das Frontend-Bild in den Artikel. Klicken Sie zum Vergrößern auf das Popup und dann zum Verkleinern.

In einem aktuellen Projekt wurde ein Artikel von einem Mitglied veröffentlicht. Wenn der Artikel Abbildungen auf dem Mobiltelefon anzeigt, muss er manchmal vergrößert werden, um ihn anzuzeigen, und kann nicht zum Vergrößern angeklickt werden. Das einzige, was hier bedient werden kann, ist das img-Ta...

过去多啦不再A梦 2017-06-26 10:51:46 0  5  1013

So fügen Sie Pfad- und Sprachdateien zur Bildansicht in Android hinzu, zeichnen die Positionen von Pfad und Stimme auf und lassen die Position während der Bearbeitung unverändert

Zeichnen Sie einen Pfad auf das Bild. Klicken Sie auf die abzuspielende Stimme. Wenn Sie fertig sind, können Sie den Pfad und die Stimme löschen Wenn das Bild skaliert wird, muss auch der Pfad entsprechend skaliert werden.

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

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  853

javascript - Wie verwende ich dieses JS?

{Code...} Ich möchte dieses Bild in der HTM-Datei verwenden, um es zu vergrößern, und dann diesen Code direkt in der HTM-Datei verwenden im HTM und rufen Sie dann This js auf

習慣沉默 2017-05-19 10:47:33 0  1  723

css - So lösen Sie das Problem des Herunterfallens von Float-Elementen

Ich möchte diesen Effekt erzielen, aber der aktuelle Code sieht so aus: {Code...} {Code...} Ich möchte fragen, wie ich das Problem mit der Breite lösen kann Breite, das Hintergrundbild des Div wird angezeigt. Gibt es eine Möglichkeit, das Foto proportional zu skalieren, um die Breite zu reduzieren?

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

Wie kann verhindert werden, dass die konvertierten Elemente durch Überlauf automatisch abgeschnitten werden?

Ich verwende Bootstrap4, um eine modale Galerie für die persönliche Website eines Freundes zu erstellen. Ich habe es so eingerichtet, dass die Bilder beim Schweben erweitert werden. Wenn ich den Überlauf jedoch auf „Auto“ stelle, werden sie am Rand des Modals (oder Div) abgeschnitten. Die Galerie is...

P粉242535777 2023-09-07 20:04:02 0  1  598

Wie richte ich Bilder mithilfe eines CSS-Rasters aus?

Ich versuche, einen Teil einer Website mithilfe eines CSS-Rasters zu erstellen. Ich versuche, dass die Liste und das Bild in derselben Zeile bleiben und verkleinert/vergrößert werden, wenn sich die Bildschirmgröße ändert. Der Code wird unten eingefügt. Jede Hilfe wird sehr geschätzt. Ich frage mich,...

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

Kann ich mit Vuetify die volle Tabellenbreite auf mobilen Bildschirmen erreichen?

Kann ich mit Vue2 und Vuetify eine Tabellenverkleinerung auf kleinen Bildschirmen erreichen? Ich habe eine Aufgabe, bei der eine Tabelle auf mobilen Bildschirmen in voller Breite bleiben muss und vergrößert werden kann. Erzielen Sie grundsätzlich ein IMG-ähnliches Verhalten. Ich muss grundsätzlich e...

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

javascript - Warum funktioniert das lokal, aber nicht auf dem Server?

Ich habe lokal eine HTML-Datei erstellt, die folgenden zwei Codes eingefügt und sie wurde dann normal ausgeführt. Warum funktioniert es nicht? Ich kann das Bild normal lokal vergrößern und verkleinern und auf dem Server ausführen, aber das Klicken hat keine Auswirkung? {Code...} {Code...}

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