ImageViewer

Texto alternativo accesible. Por defecto se ImageViewer.FileName aplica si no está activado.

False

Cuando es cierto (y ImageViewer.Toolbar también es cierto), permite interacciones de cultivos: la barra de herramientas tiene un selector de relación de aspecto y un botón de Recorte; arrastre a la izquierda en el La imagen dibuja un rectángulo de selección discontinuo. Pulsar Recorte rasteriza la selección a PNG y dispara ImageViewer.OnCropApplied; el visor entonces muestra el resultado recortado. El reinicio vuelve al valor original ImageViewer.Source. Configurar esto también añade crossorigin='anonymous' a la <img> así que el rasterizador puede leer los píxeles de vuelta a través de toBlob. Para ImageSource.Url significa que el servidor remoto debe enviar Access-Control-Allow-Origin para que la imagen cargue en absoluto; si es no lo hace, cambia a ImageSource.Bytes (que resuelve a un mismo origen y no está sujeto a contaminación de canvas).

False

Cuando es cierto, expone una experiencia de usuario descargada: Con ImageViewer.Toolbar, añade un botón de descarga a la barra de herramientas. Con ImageViewer.Framed (sin barra de herramientas), se muestra un botón de superposición en la esquina. Sin ninguno de los dos, la imagen en sí es un clic para descargar.

Se renderiza cuando ImageViewer.Source es nulo.

Nombre del archivo usado al descargar y como texto por defectoImageViewer.Alt. Vuelve a la propia ImageSource.FileNameimagen, que por lo demás es 'imagen'.

False

Cuando es cierto, envuelve la imagen en un marco bordeado con Fluent-token, que coincide el estilo de vista previa de solo lectura que utiliza ImageEdit. Falso por defecto (imaginación sin filtro).

False

Estado sucio actual — cierto cuando la imagen mostrada difiere de la línea base (rotación, volteo o cultivo aplicado). Estado puro de vista (zoom, paneo) No cambia de suciedad por sí sola.

Auto

Formato de salida para el resultado del recorte rasterizado (y la imagen comprometida bytes de ImageViewer.CommitAsync). Valores predeterminados de ImageOutputFormat.Auto — el formato deriva de la extensión del archivo fuente (las entradas JPEG permanecen en JPEG, todo lo demás emite PNG). Pin a ImageOutputFormat.Png para escrituras sin pérdidas independientemente de la fuente, o ImageOutputFormat.Jpeg para Flujos fotográficos sensibles al tamaño.

0,9

Calidad JPEG en [0, 1]. Ignorado cuando ImageViewer.OutputFormat es ImageOutputFormat.Png (PNG es sin pérdida y no tiene mando de calidad). Por defecto es 0.9 — visualmente indistinguible del original para la mayoría de las fotos, aunque aún así se guarda mucho frente a PNG.

Datos de imagen para renderizar. Cuando es nulo, ImageViewer.Fallback se renderiza en su lugar (o nada si no se suministra respaldo).

False

Cuando es cierto, renderiza una barra de herramientas sobre la imagen con rotar / voltear / ampliar / Reinicio / controles a pantalla completa. Implica un elemento envoltorio independientemente de ImageViewer.Framed. El arrastre para panear en la imagen queda disponible cuando Pasé la 1× a toda velocidad.

Cuando se establece junto con ImageViewer.Toolbar, hace que un rojo quede prohibido- botón circular en el extremo derecho de la barra de herramientas. Siempre activado. Los consumidores suelen usar esto para salir del modo de edición y descartar en proceso transformaciones — El espectador no revierte nada automáticamente; Volver a montarlo (por ejemplo, mediante @key) o actualizar ImageViewer.Source a Borra su estado interno.

Haz clic en el manejador en la <img>. Suprime el recurso de hacer clic para descargar.

Se dispara cuando el usuario realiza un recorte. Recibe la carga útil PNG rasterizada.

Se dispara cada vez ImageViewer.IsDirty que cambia. Acciona el botón de guardado de un padre Estado habilitado sin sondeo.

Cuando se configura junto con ImageViewer.Toolbar, se muestra una marca de verificación verde en el extremo derecho de la barra de herramientas. El botón está desactivado mientras El espectador está limpio — no hay nada que salvar. El manejador de clics es fuego- y-olvidar; el consumidor suele llamar ImageViewer.CommitAsync desde aquí para hornear la imagen mostrada a bytes para persistencia. Diseñado para el flujo de edición ImageEdit (commit edits back en la columna encuadernado). Los consumidores independientes pueden usarlo de la misma manera.

Hornea la imagen que se muestra actualmente — incluyendo cualquier rotación y se convierte en un PNG en resolución de origen. Devuelve nulo cuando el el visor está limpio (nada que guardar) o antes que el usuario JS adjunto. Cualquier selección de cultivo en progreso que no haya sido comprometida mediante el botón Recorte se ignora intencionadamente; haz clic en recortar primero si Quieres que esté horneado.

Retorno de redimensionamiento del contenedor — el ResizeObserver del lado JS dispara esto (rAF- debounced) cuando la caja del contenedor de imagen cambia desde fuera de nuestro estado (un padre estirado/redimensionado, el panel refluyendo). La imagen se reajusta mediante object-fit:contain, así que las coordenadas container-pixel de la selección de recorte no Alineación más larga con el mismo contenido de imagen. Vuelve a anclarlo usando la misma Capturar-viejo → actualizar → reproyectar-nuevo viaje de ida HandleFullscreenChange(System.Boolean) y vuelta usos: instantánea de la selección en coordenadas de píxeles naturales frente al redimensionamiento PRE las medidas que aún tenemos, actualizamos a las mediciones POST-redimension, y luego proyecta hacia atrás. Saltado a mitad de la resistencia — los manejadores de resistencia son los responsables de la geometría de selección (y capturaron su propia ventana de abrazadera al arrancar en drag).

Callback de cambio de pantalla completa a nivel de documento — JS informa si el El elemento envoltorio es actualmente el elemento a pantalla completa del documento. Salida también fluye por aquí (no pasa por el botón de la barra de herramientas).

Referencia de keydown basada en JS para los atajos en modo edición. Solo fuegos para las claves que reclamamos (la cuña JS filtra por estado clave + modificador), Así que no tenemos que bloquear este método en sí. Escape — invocar ImageViewer.OnCancel (si está cableado). Enter — commit la selección como un recorte si hay uno ≥ 5×5; Si no, ImageViewer.OnSave invoca si está sucio. + / = / / / _ — Haz zoom / aleja. 0 — restablecer zoom + paneo a identidad. Borrar / Retroceso — borrar la selección. Teclas de flecha — empuja la selección 1 px (10 px con Mayús).

Callback con zoom en rueda — JS reenvía cada tick de desplazamiento (deltaY) más el El cursor está desplazado respecto al centro del contenedor. A continuación se analiza matemáticas ancladas por zoom React: pan_new = (1 − r) · cursorRel + r · pan_prev dónde r = zoom_new / zoom_prev. Mantiene el cursor sobre la misma imagen local Señala a través del escalón de zoom.

Marca el visor como limpio sin cambiar la imagen mostrada. Uso después de un Guardado exitoso: Los bytes recortados ahora son la versión guardada, así que Future Los cambios deben medirse en función de este estado. Para revertir la visualización imagen al original ImageViewer.Source Y limpiar sucio, usa el botón Reiniciar botón de barra de herramientas o actualizar ImageViewer.Source.

Elimina solo la superposición local de cultivos — vuelve al original ImageViewer.Source. La rotación y los flips se quedan donde los tiene el usuario, Así que si esos cambios cambiaron desde la última partida, ImageViewer.IsDirty puede Mantente fiel. Usa el botón Reiniciar de la barra de herramientas (o actualizando ImageViewer.Source) para una reversión completa.