Copiar e colar SVG sem problemas na net
![Copiar e colar SVG sem problemas na net Copiar e colar SVG sem problemas na net](https://i0.wp.com/blogs.windows.com/wp-content/themes/microsoft-stories-theme/img/theme/logos/windows.jpg?resize=780%2C470&ssl=1)
Hoje estamos anunciando suporte nos navegadores Microsoft Edge e Chromium para arquivos SVG na API Async Clipboard. Isso significa que copiar e colar dados SVG em qualquer aplicativo que queira usar SVG, seja nativo ou net, agora é possível.
Imagens SVG são uma ótima opção para renderizar visuais e gráficos de alta qualidade na net. Elas são eficientes em termos de espaço e a qualidade da imagem não é afetada ao redimensioná-la. Mas, quando se trata de lidar com formatos de imagem SVG em aplicativos, a história é um pouco diferente. Aplicativos nativos projetados para oferecer suporte a arquivos SVG funcionam perfeitamente com eles. Por exemplo, você pode copiar um arquivo SVG do Home windows Explorer e colá-lo no Microsoft PowerPoint, ou vice-versa. No entanto, na net, a API DataTransfer legada, que é usada para obter os dados armazenados na área de transferência, não tem suporte integrado para arquivos do tipo SVG MIME. Isso dificulta que aplicativos da net ofereçam suporte à cópia ou colagem de conteúdo SVG. Esse tem sido um problema recorrente para usuários e desenvolvedores da net há muito tempo:
- Os usuários tiveram que criar soluções para contornar essa limitação, por exemplo, usando o DevTools para copiar o conteúdo SVG bruto.
- Para permitir que os usuários colem conteúdo SVG em aplicativos da net, os desenvolvedores da net geralmente criam analisadores especiais para interpretar os dados SVG brutos que são colados em seus aplicativos. Esses analisadores geralmente detectam dados SVG brutos e, em seguida, carregam o conteúdo SVG como arquivos em um servidor e os exibem aos usuários usando
<img>
elementos, o que infelizmente torna o SVG uma imagem estática. - Para permitir que os usuários exportem conteúdo SVG de aplicativos da net, os desenvolvedores da net são forçados a criar interfaces de usuário para que os usuários exportem seu conteúdo SVG e o salvem localmente em seus dispositivos.
Os métodos de leitura e gravação mais recentes do padrão da net Clipboard API (também conhecido como Async Clipboard API) são uma grande melhoria em relação à maneira legada de lidar com eventos da área de transferência. E agora, começando com o Microsoft Edge 124, esses métodos também oferecem suporte complete ao formato SVG. Isso significa que os aplicativos da net que usam a Async Clipboard API agora podem participar de operações de área de transferência da net para nativo, nativo para net e net para net envolvendo conteúdo SVG. Aqui está um pequeno vídeo mostrando o recurso em ação (você pode acessar a página de demonstração aqui). https://www.youtube.com/watch?v=wSXGlqn71qc Trabalhamos na atualização da especificação W3C da Clipboard API e contribuímos com o código para o projeto de código aberto Chromium, disponibilizando-o para outros navegadores baseados no Chromium. Esperamos que o suporte para SVG seja útil para seus cenários avançados de aplicativos. Se você precisar de experiências de copiar/colar ainda mais flexíveis em seus aplicativos, observe que também adicionamos recentemente suporte para formatos personalizados da net, bem como suporte para leitura de conteúdo HTML não sanitizado na API da Área de Transferência Assíncrona. Como sempre, adoraríamos ouvir seu suggestions. Se você tiver comentários sobre a API, entre em contato no repositório de especificações da API da Área de Transferência e, se notar um problema no Edge, envie suggestions do navegador, acessando Configurações e mais (…) > Ajuda e suggestions > Enviar comentários.