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  740

javascript - gulp Après avoir installé le plug-in de compression d'image, pourquoi signale-t-il Impossible de trouver le module 'file-type' après l'exécution de la commande gulp ?

Après avoir installé cet outil de compression d'image, j'ai pu exécuter la commande gulp pour compresser le HTML et le CSS, mais maintenant je ne peux plus. L'erreur est signalée pour la première image. Veuillez également me dire pourquoi je n'arrive pas à compresser le fichier js (le plug-in gulp-u...

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

javascript - En HTML, les images, JS et CSS obtiennent des ressources sur le serveur via le src ou l'url de la balise. Le serveur doit-il écrire une réponse correspondante pour chaque ressource ?

Récemment, Xiaobai apprend nodeJS Lorsque je faisais de la programmation réseau, je pensais que le navigateur envoyait d'abord une requête HTTP à une page via l'adresse d'entrée (le serveur répond à la requête et renvoie un fichier HTML), puis les images, JS et CSS dans le HTML sont transmis via des...

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

Titre réécrit en : Le chargement de l'image sera bloqué lorsque le nom de l'image contient des traits d'union, est trop long ou dépend de sa position

J'ai quelques images placées dans le dossier C:\xampp\htdocs\catshop\assets\img sous mon site Web. Si une image porte un nom comme food-adult-wet-meo-sardine-in-prawn-jelly-400g, elle n'apparaîtra pas sur le site Web. Cependant, si le nom ressemble à can1.png ou can-1.png, il s'affichera correctemen...

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

Comment obtenir les dimensions naturelles d'une image en utilisant JavaScript ou jQuery ?

Jusqu'à présent, j'ai ce code : varimg=document.getElementById('draggable'); varwidth=img.clientWidth; varheight=img.clientHeight; Cependant, cela me donne le style CSS d'attribut html. Je souhaite obtenir les dimensions de la ressource image réelle du fichier. J'en ai besoin car après avoir télécha...

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

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  963

javascript - Comment recadrer des images en rectangles arrondis en ligne via HTML5 ou JS original?

Existe-t-il un moyen dans h5 ou js de recadrer les images sur la page Web, puis de les couper en coins arrondis ? Pour l'instant, je n'ai vu que des découpes rectangulaires. Je me demande s'il est possible de réaliser une découpe .png transparente avec des coins arrondis.

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

javascript - Comment les images au format WebP peuvent-elles être compatibles avec des navigateurs tels que Firefox?

Comment les images au format webp peuvent-elles être compatibles avec des navigateurs tels que Firefox ?

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

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 - Après avoir suivi le compte officiel WeChat, vous recevrez une photo avec un avatar WeChat et un code QR. Comment cette image a-t-elle été générée ?

Après avoir suivi le compte officiel WeChat, vous recevrez une photo avec un avatar WeChat et un code QR. Comment cette image a-t-elle été générée ?

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

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

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  1199

javascript - Quel est le taux de compression maximal pour les images compressées sur canevas?

Dans un projet récent, les images ont été compressées et téléchargées, et un canevas a été utilisé pour compresser les images. Il a été constaté que le canevas avait des taux de compression minimaux différents pour différentes images. Pour la plus grande image de 22 Mo, la plus petite ne peut être c...

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

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

javascript - Compression d'images JS et téléchargement sous forme de fichier

La compression d'image JS est utilisée pour télécharger des images dans WEBKIT. Lors de la sélection d'une image, compressez l'image et obtenez les données BASE64 de l'image, puis téléchargez l'image sous forme de fichier lors de la soumission du formulaire. mais le fichier téléchargé contient égale...

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

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

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

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  440

javascript - Problème de mise à l'échelle des polices SVG dans la version basse de Chrome et les terminaux mobiles.

Dans les navigateurs shell de version basse et les navigateurs mobiles tels que 360 ​​Extreme Speed, la police de la balise <tspan> dans svg ne peut pas être mise à l'échelle correctement, mais cela est normal dans la dernière version de Chrome. {Code...} Lorsque la fenêtre est réduite...

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

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  612