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!

questionAnswers(2)

yourAnswerToTheQuestion