Автоматически обрезать холст HTML5 по содержимому

Скажем, это мой холст, на котором -нарисовано злобное лицо. Я хочу использовать toDataURL(), чтобы экспортировать свое злое лицо в формате PNG; однако растрируется весь холст, включая «пробелы» между злым лицом и краями холста.

+---------------+
|               |
|               |
|     (.Y. )    |
|      /_       |
|     \____/    |
|               |
|               |
+---------------+

Каков наилучший способ обрезать / обрезать / сжать мой холст до его содержимого, чтобы мой PNG был не больше, чем «ограничивающая -рамка» лица, как показано ниже? Лучшим способом кажется масштабирование холста, но предположим, что содержимое является динамическим...? Я уверен, что для этого должно быть простое решение, но оно ускользает от меня из-за большого количества поисков в Google.

+------+
|(.Y. )|
| /_   |
|\____/|
+------+

Спасибо!