ImageViewer

Texto alternativo acessível. O padrão é ImageViewer.FileName se estiver desconfigurado.

False

Quando verdadeiro (e ImageViewer.Toolbar também é verdadeiro), permite interações com culturas: a barra de ferramentas ganha um seletor de proporção e um botão de Recorte; arrasto à esquerda no a imagem desenha um retângulo de seleção tracejado. Pressionar Recortar rasteriza a seleção para PNG e dispara ImageViewer.OnCropApplied; o visualizador então exibe o resultado recortado. O reset retorna ao original ImageViewer.Source. Configurar isso também adiciona crossorigin='anônimo' à <img> assim, o rasterizador pode ler os pixels de volta via ToBlob. Para ImageSource.Url ou seja, o servidor remoto deve enviar Acesso-Controle-Permitir Origem para que a imagem carregue; se for não faz isso, mude para ImageSource.Bytes (que resolve para a mesma origem data URL e não está sujeito a contaminação canvas).

False

Quando verdade, expõe uma experiência de usuário para download: Com ImageViewer.Toolbar, adiciona um botão de download à barra de ferramentas. Com ImageViewer.Framed (sem barra de ferramenta), renderiza um botão de sobreposição no canto. Sem nenhum dos dois, a imagem em si clica para baixar.

Renderizado quando ImageViewer.Source é nulo.

Nome do arquivo usado ao baixar e como texto padrão ImageViewer.Alt . Volta à própria ImageSource.FileNameimagem, que é outra ' imagem' da fonte.

False

Quando for verdadeiro, envolve a imagem em um quadro com borda com token Fluente correspondente o estilo de pré-visualização somente leitura usado pelo ImageEdit. False padrão (imaginação nua).

False

Estado sujo atual — verdadeiro quando a imagem exibida difere da Base (rotação, virada ou cultura aplicada). Estado puro de visão (zoom, panorama) Não alterna com o 'sujo' sozinho.

Auto

Formato de saída para o resultado do corte rasterizado (e a imagem comprometida bytes de ImageViewer.CommitAsync). Padrão para ImageOutputFormat.Auto — o formato é derivado do extensão do arquivo source (entradas JPEG permanecem JPEG, todo o resto emite PNG). Pin para ImageOutputFormat.Png escritas sem perda independentemente da fonte, ou ImageOutputFormat.Jpeg para Fluxos fotográficos sensíveis ao tamanho.

0,9

Qualidade JPEG em [0, 1]. Ignorado quando ImageViewer.OutputFormat é ImageOutputFormat.Png (PNG é sem perdas e não possui botão de qualidade). Padrão para 0,9 — visualmente indistinguível do original para a maioria das fotos, ainda assim economizando bastante em comparação com PNG.

Dados de imagem para renderizar. Quando nulo, ImageViewer.Fallback é renderizado em vez disso (ou nada se não houver reserva).

False

Quando o verdadeiro é o resultado, renderiza uma barra de ferramentas acima da imagem com rotação / virar / ampliar / Resetar / controles em tela cheia. Implica um elemento de envolvimento independentemente de ImageViewer.Framed. O arrastar para panorama na imagem fica disponível quando Passou da 1×.

Quando definido junto com ImageViewer.Toolbar, torna um vermelho proibido- botão círculo na extremidade direita da barra de ferramentas. Sempre ativado. Os consumidores normalmente usam isso para sair do modo de edição e descartar em andamento transforma — o espectador não reverte nada automaticamente por si só; Remontar (por exemplo, via @key) ou atualizar ImageViewer.Source para Apague seu estado interno.

Clique no manipulador no < >. Suprime o recurso de clicar para baixar.

Dispara quando o usuário faz um crop. Recebe a carga útil PNG rasterizada.

Dispara sempre que ImageViewer.IsDirty muda. Aciona o botão de salvar dos pais Ativado estado sem votação.

Quando definido junto com ImageViewer.Toolbar, gera um marcador verde no extremo direito da barra de ferramentas. O botão é desativado enquanto O espectador é limpo — não há nada para salvar. O manipulador de cliques é um incêndio- e-esqueça; o consumidor normalmente liga ImageViewer.CommitAsync daqui para bakar a imagem exibida para bytes para persistência. Projetado para o fluxo de edição do ImageEdit (commit edits back na coluna encadernada). Consumidores independentes podem usá-lo da mesma forma.

Baka a imagem exibida atualmente — incluindo qualquer rotação e inverte — para um PNG na resolução de origem. Retorna nulo quando o o visualizador está limpo (nada para salvar) ou antes do apelido JS anexado. Qualquer seleção de culturas em andamento que não tenha sido comprometida via o botão Recortar é intencionalmente ignorado; clique em Recortar primeiro se Você quer que seja assado.

Retorno de redimensionamento do contêiner — o ResizeObserver do lado JS dispara este (rAF- debounced) quando a caixa do contêiner de imagem muda de fora do nosso estado (um pai sendo esticado/redimensionado, o painel refluindo). A imagem se adapta via object-fit:contain, então as coordenadas container-pixel da seleção de corte não Alinhamento mais longo com o mesmo conteúdo de imagem. Ancore-o novamente usando a mesma capturar → antigo atualizar → reprojetar - nova viagem ImageViewer.HandleFullscreenChange(System.Boolean) de ida e volta utiliza: snapshot da seleção em coordenadas de pixels naturais contra o redimensionamento PRE as medidas que ainda mantermo, atualize para as medições PÓS-redimensionamento, então projetar de volta. Pulado no meio do arrasto — os condutores de arrasto controlam a geometria de seleção (e capturaram sua própria janela de grampo na partida de arrasto).

Callback de mudança em tela completa em nível de documento — JS reporta se o O elemento wrapper é atualmente o elemento em tela cheia do documento. Esculpir Passa por aqui também (não passa pelo botão da barra de ferramentas).

Retorno de chamada keydown movido por JS para os atalhos do modo edit. Só fogo para as chaves que reivindicamos (o JS shim filtra por estado chave + modificador), Então não precisamos bloquear esse método em si. Fuga — invocar ImageViewer.OnCancel (se estiver com fio). Enter — commit a seleção como um recorte, se houver um ≥ 5×5; Caso contrário, ImageViewer.OnSave invoque se estiver sujo. + / = / / /_ — dá zoom in / out. 0 — redefinir zoom + panorâmica para identidade. Delete / Backspace — limpar a seleção. Teclas de seta — empurre a seleção 1 px (10 px com Shift).

Callback com zoom na roda — JS encaminha cada tick de rolagem (deltaY) mais o O cursor está deslocado do centro do contêiner. A matemática de zoom ancorada segue React: pan_new = (1 − r) · cursorRel + r · pan_prev onde r = zoom_new / zoom_prev. Mantém o cursor sobre o mesmo local-imagem Aponte para o degrau do zoom.

Marca o visualizador como limpo sem alterar a imagem exibida. Uso após um Salvamento bem-sucedido: Os bytes cortados agora são a versão salva, então futuro As mudanças devem ser medidas com base nesse estado. Para reverter o display imagem para o original ImageViewer.Source E limpar sujo, use o Reset ou atualizar ImageViewer.Source.

Remove apenas a sobreposição local de culturas — volta ao original ImageViewer.Source. Rotação e flips ficam onde o usuário tem, Então, se esses mudaram desde o último save, ImageViewer.IsDirty pode Permaneça fiel. Use o botão Reset da barra de ferramentas (ou atualização ImageViewer.Source) para uma reversão completa.