Изображение выделяется серым цветом при копировании изображения в буфер обмена и вставке изображения в программу записи документов - PullRequest
Новая
       8

Изображение выделяется серым цветом при копировании изображения в буфер обмена и вставке изображения в программу записи документов

2 голосов
/ 15 мая 2019

Я пытаюсь скопировать изображение dicom в буфер обмена, и у меня получилось, что оно работает для изображения с меньшей шириной / высотой.Если ширина / высота больше, то при вставке скопированного изображения в документ устройства записи небольшая часть изображения становится серой.

var d = document.createElement('div');
d.contentEditable = true;
var img1 = document.createElement('img');       
html2canvas($(".image"), {
    width     :  2000,
    height    : 500,
     logging: true, 
     letterRendering: 1, allowTaint : false,
              useCORS: true ,
    onrendered: function(canvas) {
          var myImage = canvas.toDataURL("image/jpeg");                            
                  clipboard(canvas.toDataUrl("image/jpeg"));     
                          }
 });

function clipboard(uri){
         img1.src = uri;            
        d.appendChild(img1);
        document.body.appendChild(d);
        enter image description hereSelectText(d);      
        return;                         
}

function SelectText(element) {
        var doc = document;
        if (doc.body.createTextRange) {
            var range = document.body.createTextRange();
            range.moveToElementText(element);
            range.select();console.log(range);
        } else if (window.getSelection) {
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNodeContents(element);
            selection.removeAllRanges();
            selection.addRange(range);console.log(range);
        }
    }

Ниже приведена ссылка, показывающая проблему.Нижний угол выделен серым цветом, вместо него отображается base64

https://imggmi.com/full/2019/5/15/083abcce2a4c72c3f2acb667ec74c9cd-full.png.html

...