Копирование изображения без окна src в печать

У меня есть проект javascript, который TLDR создает штрих-код. При нажатии кнопки я хочу напечатать штрих-код, который генерируется внутренним guid. Я использую плагин jsBarcode.js, который берет строку и превращает ее в штрих-код. Вот разметка html для этого div.Копирование изображения без окна src в печать

<div id="printable"> 
    <img id="barcode"></img> 
</div>

Штрихкод показывает вверх отлично это только при попытке скопировать его в новом окне он не показывает вверх :(

Я попытался несколько способов сделать это, и не имели никакой удачи. Сейчас у меня есть этот код и на окне, которое всплывает он просто показывает object Object

var printContent = new $('#barcode').clone(); 
var w = window.open('','','width=340,height=260'); 

var windowContent = '<!DOCTYPE html>'; 
    windowContent += '<html>'; 
    windowContent += '<head><title>Print canvas</title>'; 
    windowContent += '</head>'; 
    windowContent += '<body>'; 
    windowContent += '<img id="printWindowBarcode">' + printContent + '</img>'; 
    windowContent += '</body>'; 
    windowContent += '</html>'; 
    w.document.write(windowContent); 
    w.focus(); 
    w.print(); 
    w.close();

у меня не было никакой удачи с делать это .. Я могу сделать только содержание текста показывают сейчас проблемы, но не имеют ни малейшего понятия о том, как делать это при связывании изображения без источника ... Любая помощь будет очень оценили.

источник

2015-02-16 BesaseB

На странице плагина на примерах штрих-коды на самом деле есть источники: http://lindell.me/JsBarcode/ Это изображение base64, прямо жестко закодированное в изображение источник. Вы можете очень хорошо сохранять/печатать изображения base64. –

''' + printContent + ''' - так как изображения должны выглядеть в HTML? (Подсказка: если бы это было, я бы не спрашивал ...) И попытка конкатенации объекта jQuery в строку тоже не имеет смысла. – CBroe

@JeremyThille Знаете ли вы, чтобы получить доступ к источнику? Я не знал, что к нему прилагается жесткий диск src, поэтому это должно быть намного проще, чем я думал. – BesaseB

На странице плагина на примерах штрих-коды на самом деле есть источники: lindell.me/JsBarcode Это изображение base64, прямо жестко закодированное в исходный код изображения. Вы можете получить доступ к источнику просто с помощью $('#myImg').attr('src') и вуаля, вы получите свои данные base64. Вы можете нарисовать его на холсте и т. Д. Посмотрите здесь: Base64 png data to html5 canvas

источник

2015-02-16 20:55:50

Копирование изображения без окна src в печать

ответ

Смежные вопросы