Articles of image

Google Maps Cómo agregar imágenes a InfoWindow

Hola, estoy tratando de agregar una imagen en una info de Google Maps, mi código es como un script. var ContactUs = function () { return { //main function to initiate the module init: function () { var map; $(document).ready(function(){ map = new GMaps({ div: ‘#map’, lat: -13.004333, lng: -38.494333, }); var marker = map.addMarker({ […]

Cómo mostrar la única parte de la imagen.

ACTUALIZACIÓN Dado que la pregunta fue complicada y poco clara, estoy reescribiendo mi pregunta para que sea mucho más simple. Dado imagen (imagen uri para toda la imagen; 600×600 imagen del ejemplo) izquierda (coordenada x; 50 del ejemplo) arriba (coordenada y; 100 del ejemplo) ancho (ancho de la imagen; 300 del ejemplo) altura (altura de […]

Leer píxeles de la imagen

¿Es posible leer los píxeles de una imagen en el canvas A y crear píxeles en el canvas B? Y quiero crear los nuevos píxeles en el Lienzo B solo donde los píxeles de la imagen son verdes. p.ej. Si el píxel de las imágenes (120,45) es verde, necesito crear un píxel de color verde […]

Reemplace la imagen y el título de la imagen / texto alt con Javascript

Actualmente tengo el siguiente código que reemplaza una imagen grande cuando se hace clic en una miniatura: Javascript: img1 = new Image(); img1.src = ‘https://stackoverflow.com/questions/12003292/replace-image-and-image-title-alt-text-with-javascript/{$smarty.const.dir_images}/l_{$this_page.image1}’; img2 = new Image(); img2.src = ‘{$smarty.const.dir_images}/l_{$this_page.image2}’; HTML en miniatura: HTML de imagen grande: Lo que quiero hacer es no solo cambiar la fuente de la imagen grande cuando se […]

enlace en cierta posición de un fondo de imagen que es sensible

Tengo una tarea que hacer y no puedo encontrar una solución o dirección en la que apuntar. Tarea Esta tarea necesita algunos enlaces colocados en una imagen de fondo completo. Esta imagen tiene algunos productos en su interior y los enlaces deben estar encima de estos productos, teniendo en cuenta que la pantalla puede ser […]

JS: ¿cómo codificar una imagen.png en el código base64 para incrustar URI de datos?

Tengo varios mapas de bits .png de diferentes dimensiones, por ejemplo ./img/dog.png y ./img/cat.png . ¿Cómo cargar la cadena base64 de mis imágenes a través de JS? Mis datos esperados son algo así (pero mucho más largo): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAfQCAYAAACaOMR5AAAgAElEQ…ECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAicCwy83crEe3e04AAAAABJRU5ErkJggg== Nota: deseo recuperar esta cadena que es mi archivo y solo mi archivo, no recortado, ni más […]

Convertir imagen local a cadena base64 en Javascript

Estoy tratando de convertir una imagen local a la cadena Base64. No estoy usando ningún HTML y simplemente necesito un javascript que haga referencia a la ruta de la imagen dentro del código. Por ejemplo, convirtiendo: C:\Users\Work\Desktop\TestImage.jpg dentro /9j/4AAQSkZJRgABAQEASABIAAD/4QBKRXhpZgAASUkqAAgAAAADABoBBQABAAAAMgAAABsBBQABAAAAOgAAACgBAwABAAAAAgAAAAAAAAAAVOoqgJaYAABU6iqAlpgA/+IMWElDQ19QUk9GSUxFAAEBAAAMSExpbm8CEAAAbW50clJHQiBYWVogB84AAgAJAAYAMQAAYWNzcE1TRlQAAAAASUVDIH…..etc… Hay muchas publicaciones como esta, pero todas parecen utilizar HTML de alguna manera para identificar la […]

Usando JavaScript para mostrar un Blob

Estoy recuperando una imagen Blob de una base de datos, y me gustaría poder ver esa imagen utilizando JavaScript. El siguiente código produce un icono de imagen rota en la página: var image = document.createElement(‘image’); image.src = ‘data:image/bmp;base64,’+Base64.encode(blob); document.body.appendChild(image); Aquí hay un jsFiddle que contiene todo el código requerido, incluido el blob. El código completado […]

Ejecutar la función después de completar la carga de la página

Estoy usando el siguiente código para ejecutar algunas declaraciones después de cargar la página. window.onload = function () { newInvite(); document.ag.src=”b.jpg”; } Pero este código no funciona correctamente. La función se llama incluso si algunas imágenes o elementos se están cargando. Lo que quiero es llamar a la función la página se carga completamente.

en el mouse sobre cambiar la image en html

Intentaba hacer una image para cambiar con el mouse. Este código funciona para IE pero no para otros browseres como Chrome, Opera, Safari, etc. ¿Alguna idea? <a href="#" onmouseover="document.myimage1.src='img/login_button_22.jpg';" onmouseout="document.myimage1.src='img/login_button_11.jpg';"> <img src="img/login_button_11.jpg" name="myimage1" /> </a>