Página 1 de 1

SVG animado

Enviado: Qui, 27 Março 2025 - 20:52 pm
por Agnoscetico

Código: Selecionar todos

[img]https://upload.wikimedia.org/wikipedia/commons/d/de/Animated-runner.svg[/img]
Imagem

Código: Selecionar todos

[img]https://upload.wikimedia.org/wikipedia/commons/4/4d/Animated_analog_SVG_clock.svg[/img]
Imagem

Re: SVG animado

Enviado: Qui, 27 Março 2025 - 21:02 pm
por Gabarito
Agnoscetico escreveu:
Qui, 27 Março 2025 - 20:52 pm

Código: Selecionar todos

[img]https://upload.wikimedia.org/wikipedia/commons/d/de/Animated-runner.svg[/img]

Código: Selecionar todos

[img]https://upload.wikimedia.org/wikipedia/commons/4/4d/Animated_analog_SVG_clock.svg[/img]
Parabéns!

Deu certo!

:clap:

Re: SVG animado

Enviado: Qui, 27 Março 2025 - 21:11 pm
por Gabarito
Eu notei que a página passa a exigir muito poder de processamento da CPU.
Vai para mais de 80%!
Imagem

Mas apenas quando é exibida.
Se mudar a aba, o processamento cai para os níveis normais, mesmo que a aba com o SVG continue aberta, mas fora de foco.
Se voltar o foco para a aba do SVG, o processamento vai para as alturas, de novo.

Imagem


O gráfico acima mostra os momentos em que eu alternei entre a página com SVG e outras abas ou programas.
A linha vermelha são os tempos do Kernel.

Re: SVG animado

Enviado: Sex, 28 Março 2025 - 00:48 am
por Agnoscetico
Tem SVGs que são interativos ('animados', caso use ponteiro de mouse, como passar sobre uma área específica da imagem, mas não lembro qual página de um artigo agora; vou ter que encontrar depois) mas não animados, como mapas, talvez não exijam muito da máquina.

OBS: O meu CPU mesmo com várias aplicações e abas abertas chega a 100% ou próximo disso.

EDIT: Esse é interativo (mas não funciona como imagem) mas é animado. Lembro de ter exemplos não-animados, por exemplo, ter um mapa interativo que mostra nome de localidades quando se passa ponteiro de mouse sobre um ponto.

Imagem