Automaticamente recortar tela HTML5 para conteúdo
Vamos dizer que esta é a minha tela, com um rosto malvado desenhado nela. Eu quero usartoDataURL()
para exportar meu rosto maligno como um PNG; no entanto, toda a tela é rasterizada, incluindo o 'espaço em branco' entre a face do mal e as bordas da tela.
+---------------+
| |
| |
| (.Y. ) |
| /_ |
| \____/ |
| |
| |
+---------------+
Qual é a melhor maneira de recortar / aparar / encolher minha tela em seu conteúdo, então meu PNG não é maior do que a "caixa delimitadora" da face, como abaixo? A melhor maneira parece ser escalar a tela, mas supondo que o conteúdo seja dinâmico ...? Tenho certeza de que deveria haver uma solução simples para isso, mas está me escapando, com muita pesquisa no Google.
+------+
|(.Y. )|
| /_ |
|\____/|
+------+
Obrigado!