Anexei um Fiddle, que espero deixar isso claro: http://jsfiddle.net/1b4mLnfj/2/

Obrigado, vou dar uma olhada nisso

Estou mexendo nisso há um tempo e parece que os limites do contêiner estão sendo calculados corretamente, mas a própria imagem vetorial está adotando as dimensões da janela de visualização. Parece que os limites e os limites curvados estão corretos, então não tenho certeza de onde fazer as alterações ... Alguém se deparou com um problema como este antes?

Após mais investigação, parece que isso só está acontecendo com imagens svg que são "responsivas" - se você abrir o svg no Illustrator e salvar sem a opção responsiva marcada, ele terá o tamanho correto ... essencialmente se o svg não ter uma altura e largura codificadas nele (o que o Illustrator chamou de "responsivo"), então ele adotará as dimensões da janela de visualização.

Portanto, uma solução potencial é substituir <img> por um <svg> verdadeiro usando uma biblioteca como svg-inject (https://github.com/iconfu/svg-inject) - aqui, se você aplicar uma altura e largura ao <img> , ele será adotado pelo <svg> quando injetado e isso evitará o redimensionamento na tela.

Existem algumas desvantagens para isso (como ao usar codificados, src's base64, ou se você tiver vários svgs com a mesma estrutura e estilo de classe embutido), mas talvez isso ajude alguém a lutar com o problema. Venho trabalhando nisso há alguns dias e esta é a melhor solução que tenho até agora. Não consigo encontrar nada do código html2canvas real que evite o redimensionamento de uma imagem SVG na tela se o SVG não tiver valores de altura / largura codificados.

Então, estou jogando a toalha neste, mas descobri que a solução está relacionada a como o svg é renderizado / desenhado na tela. Especificamente, em renderNodeContent se pudermos descobrir como determinar se uma imagem é um svg e também se não tiver a altura / largura codificada (responsivo), poderíamos desenhar esse svg com dimensões que correspondam à janela de visualização ( width = viewport.width, height = (image.height * viewport.width) / image.width)) então, teoricamente, isso poderia funcionar. Só não tenho certeza de como determinar se a imagem SVG está faltando esses valores de altura e largura.

alguma atualização aqui?

Parei de trabalhar no problema, mas espero que os comentários acima possam ser úteis.

Oi eu tive o mesmo problema.
Minha tag de imagem continha um estilo style='transition: transform 0.6s;' . Sem isso, a imagem é renderizada corretamente.