Skip to main content
Removido espaçamentos
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
<div id="widget" class="widget" field="AGE" roundby="20" description="Patient age, in years">
        <div class="header ng-scope">
         ....
        </div>
</div>
<div id="widget" class="widget" field="AGE" roundby="20" description="Patient age, in years">
        <div class="header ng-scope">
         ....
        </div>
</div>
<div id="widget" class="widget" field="AGE" roundby="20" description="Patient age, in years">
    <div class="header ng-scope">
    ....
    </div>
</div>
adicionou 1522 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

E depois terá que clicar com o direito do mouse/rato na imagem e Salvar como... (ou Guardar).

Alternativa para Internet Explorer 11

No IE11 você pode usar o canvas.msToBlob, também adicionei o uso do createObjectURL pra IE10, mas não sei se vai funcionar, não tenho o IE10 pra testar aqui, o código ficou assim:

$(document).ready(function() {
    var URL = !!(window.URL || window.webkitURL || false);
    html2canvas($("#widget"), {
        onrendered: function(canvas) {
            $("#btnSave").click(function(){
                if (canvas.msToBlob) { //for IE
                    var blob = canvas.msToBlob();
                    window.navigator.msSaveBlob(blob, 'dicomimage.png');
                } else if (URL) {
                    //Talvez funcione no IE10
                    var data = canvas.toDataURL().replace(/^data:image\/[a-z]+[;]base64,/g, "");
                    var bdata = new Blob([window.atob(data)], {type: "image/png"});
                    var url = (window.URL || window.webkitURL).createObjectURL(bdata);
                    this.href = url;

                    setTimeout(function() {
                        url.revokeObjectURL(url);
                    }, 100);
                } else {
                    this.href = canvas.toDataURL();
                }
            });
        }
    });
});

E depois terá que clicar com o direito do mouse/rato na imagem e Salvar como... (ou Guardar).

E depois terá que clicar com o direito do mouse/rato na imagem e Salvar como... (ou Guardar).

Alternativa para Internet Explorer 11

No IE11 você pode usar o canvas.msToBlob, também adicionei o uso do createObjectURL pra IE10, mas não sei se vai funcionar, não tenho o IE10 pra testar aqui, o código ficou assim:

$(document).ready(function() {
    var URL = !!(window.URL || window.webkitURL || false);
    html2canvas($("#widget"), {
        onrendered: function(canvas) {
            $("#btnSave").click(function(){
                if (canvas.msToBlob) { //for IE
                    var blob = canvas.msToBlob();
                    window.navigator.msSaveBlob(blob, 'dicomimage.png');
                } else if (URL) {
                    //Talvez funcione no IE10
                    var data = canvas.toDataURL().replace(/^data:image\/[a-z]+[;]base64,/g, "");
                    var bdata = new Blob([window.atob(data)], {type: "image/png"});
                    var url = (window.URL || window.webkitURL).createObjectURL(bdata);
                    this.href = url;

                    setTimeout(function() {
                        url.revokeObjectURL(url);
                    }, 100);
                } else {
                    this.href = canvas.toDataURL();
                }
            });
        }
    });
});
adicionou 486 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

E depois terá que clicar com o direito do mouse/rato na imagem e Salvar como... (ou Guardar).

Isto é devido a uma limitação do IE: https://msdn.microsoft.com/en-us/library/cc848897%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396

Data URIs are supported only for the following elements and/or attributes. object (images only)

  • img

  • input type=image

  • link

  • CSS declarations that accept a URL, such as background, backgroundImage, and so on.

E depois terá que clicar com o direito do mouse/rato na imagem e Salvar como... (ou Guardar).

Isto é devido a uma limitação do IE: https://msdn.microsoft.com/en-us/library/cc848897%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396

Data URIs are supported only for the following elements and/or attributes. object (images only)

  • img

  • input type=image

  • link

  • CSS declarations that accept a URL, such as background, backgroundImage, and so on.

adicionou 52 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando
adicionou 689 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando