javascript - Existe-t-il un js simple qui peut être utilisé pour zoomer et dézoomer en cliquant sur l'image?

Je souhaite faire référence à un js capable de zoomer et dézoomer sur les images en HTML. Il est préférable d'utiliser deux types d'images, une grande image et une petite image. Existe-t-il une fonction de partage d'images plus simple pour les commentaires du centre commercial ? t sais.

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

Aligner et mettre à l'échelle les images

J'ai besoin d'aide avec ce code sur mon site W3Schools, je souhaite conserver tous les éléments au centre de la page. Cependant, lorsque je centre, l'objectif de la fonction cible l'ancienne position de l'image. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom J'ai changé le c...

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

Le résultat du zoom est noir

Pourquoi l'image obtenue après mise à l'échelle selon le code source est-elle noire et rien ?

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

Image de survol HTML : étendre la zone cliquable au-delà de l'image

Je suis relativement nouveau dans le CSS/html. Je parcours ce problème depuis un moment mais je n'ai pas trouvé de solution. Le problème est que si j'utilise le code ci-dessous (en utilisant Bulma), en survolant img3.jpg, la zone cliquable est le bloc entier à partir du premier. Je soupçonne que le ...

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

Mettre à l'échelle les sprites CSS en images d'arrière-plan : un guide

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

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

javascript - Comment désactiver le redimensionnement des images de contenu dans l'éditeur TinyMCE?

Comme l'indique le titre, tinymce est actuellement utilisé comme éditeur pour envoyer du contenu Weibo. Après avoir inséré une image, j'ai découvert que je pouvais modifier la taille en cliquant sur l'image, c'est-à-dire que quatre points apparaissent et je peux zoomer et dézoomer sur l'image. Comme...

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

javascript - Problèmes de traitement des images sur le canevas

J'ai besoin d'utiliser Canvas pour traiter une image téléchargée par l'utilisateur. La taille téléchargée par l'utilisateur peut être très grande, par exemple, elle dépassera la largeur et la hauteur de la fenêtre actuelle du navigateur, je la redimensionne donc proportionnellement à la zone visible...

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

Impossible de créer une zone de grille réactive à l'aide de l'image SVG

Lorsque j'essaie de créer une zone de grille réactive contenant une image svg, je rencontre un comportement étrange, tel que des largeurs de zone de grille arbitraires, et je ne parviens pas à faire agrandir ou réduire l'image jusqu'à un certain point sans m'arrêter. Le plus proche que j'ai obtenu é...

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

javascript - Pourquoi les pixels autour de l'image sont-ils flous lorsqu'elle est chargée dans le navigateur?

J'ai créé une image de 1 000 px * 1 000 px, et le premier pixel a une couleur de remplissage. Après avoir zoomé sous Windows, le frontal normal a demandé cette image et défini le style : largeur : 40 000 px ; hauteur : 40 000 px ; les pixels environnants sont très flous. J'ai l'impression que peu im...

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

Créer des boutons qui s'adaptent à la taille de l'écran - explication détaillée de la façon d'utiliser les images d'arrière-plan

Je développe un portail pfsensecaptive qui nécessite que plusieurs graphiques soient affichés côte à côte et adaptables à la taille de l'écran de l'appareil. Cela peut être bien réalisé en utilisant le type d’entrée image. Cependant, le périphérique pfsense ne reconnaît pas correctement cette valida...

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

javascript - Comment implémenter l'image frontale dans l'article. Cliquez pour afficher une fenêtre contextuelle pour l'agrandir, puis cliquez pour la rétracter.

Dans un projet récent, un article a été publié par un membre. Lorsque l'article affiche des illustrations sur le téléphone mobile, il faut parfois le zoomer pour le visualiser et il n'est pas possible de cliquer pour l'agrandir. La seule chose qui peut être utilisée ici est la balise img. $("im...

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

Comment ajouter des fichiers de chemin et de voix à imageview dans Android, enregistrer l'emplacement du chemin et de la voix et conserver l'emplacement inchangé pendant l'édition

Dessinez un chemin sur l'image. La voix peut être ajoutée à la fin du chemin. Une fois terminé, les positions du chemin et de la voix seront enregistrées. Lors de l'édition, le chemin et la voix peuvent être supprimés. ré-ajouté Si l'image est mise à l'échelle, le chemin doit également être mis à l'...

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

Placez des marqueurs interactifs sur les images à l'aide de React

s'il vous plaît, aidez-moi. J'ai une image comme celle ci-dessous qui s'affiche sur la page d'accueil (une image plus grande). A noter que la maison "FORGE" possède un marqueur blanc et bleu avec une flèche noire au milieu. Il en va de même pour les logements « locatifs ». Chacun de ces ma...

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

javascript - Comment utiliser ce js?

{Code...} Je souhaite utiliser cette image dans le fichier htm. Cliquez pour agrandir le js, puis utiliser ce code directement dans le htm {Code...} Comment utiliser cela ensemble ? dans le htm, puis appelez This js

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

css - Comment résoudre le problème de la chute des éléments flottants

Je veux obtenir cet effet, mais le code actuel est comme ceci {code...} {code...} Je veux demander comment le résoudre, j'ai lu beaucoup de réponses sur le problème de largeur. width, l'image d'arrière-plan du div est affichée. Existe-t-il un moyen de redimensionner la photo proportionnellement et d...

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

Comment éviter que les éléments convertis soient automatiquement coupés par débordement ?

J'utilise Bootstrap4 pour créer une galerie modale pour le site Web personnel d'un ami. Je l'ai configuré pour que les images se développent au survol - mais lorsque je règle le débordement sur auto, elles sont coupées au bord du modal (ou div). La Galerie est également le troisième d'une série d'on...

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

Comment aligner les images en utilisant la grille CSS ?

J'essaie de créer une partie d'un site Web en utilisant une grille CSS. J'essaie de faire en sorte que la liste et l'image restent sur la même ligne et diminuent/agrandissent lorsque la taille de l'écran change. Le code est collé ci-dessous. Toute aide est grandement appréciée. Je me demande si l'er...

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

Changer l'image via la fonction onclick()

Je souhaite changer une image en une autre en cliquant sur l'objet. Le code est empilé dans l'ordre suivant : Ce que je veux, c'est que lorsque je clique, l'image soit remplacée par une version colorée de l'image, c'est à dire une autre image. Maintenant, je sais que je peux le faire en utilisant JQ...

P粉242535777 2023-08-18 08:53:28 0  1  474

Puis-je obtenir toute la largeur du tableau sur les écrans mobiles en utilisant Vuetify

Puis-je réaliser une « réduction » de table sur de petits écrans en utilisant Vue2 et Vuetify ? J'ai une mission où un tableau doit rester en pleine largeur sur les écrans mobiles et peut être agrandi. Obtenez essentiellement un comportement de type img. J'ai essentiellement besoin d'implémenter un ...

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

javascript - Pourquoi cela fonctionne-t-il localement mais pas sur le serveur?

J'ai créé un fichier HTML localement, j'y ai mis les deux codes suivants, puis il s'est exécuté normalement. Pourquoi cela ne fonctionne-t-il pas sur le serveur ? Je peux zoomer et dézoomer sur l'image normalement localement et l'exécuter sur le serveur, mais cliquer n'a aucun effet ? {code...} {cod...

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