печать изображения в HTML5/Javascript

Я новичок в мире веб-разработки, и я имел следующий вопроспечать изображения в HTML5/Javascript

Я хотел бы реализовать кнопку в HTML5, который будет печатать изображение (а не весь HTML страницы)

Я попробовал код в этом вопросе Print image on website

, но я получил необработанное исключение:

0x800a138f - Microsoft JScript runtime error : Umable to get value of the property 'innerHTML':object is null or undefined

кто может вести меня, как это сделать это ?

Спасибо!

Edit: Когда я говорю печать, я имею в виду prininting на физическом принтере и не отображается на экране

источник

2013-02-13 user1415780

поэтому здесь очень простой способ сделать это:

<!DOCTYPE> 
<html> 
<body> 
<button onclick="showimage()">Click Here for Image</button> 
</body> 
<script type="text/javascript"> 
function showimage() { 
    if (typeof img== 'object') 
        img= img.src; 
       window.win = open(img); 
       setTimeout('win.document.execCommand("Print")', 500); 
} 
</script> 
</html>

источник

2013-02-22 22:19:16 user1415780

Что-то вроде этого? Я взбитое это до

<!DOCTYPE> 
<html> 
<body> 
<button onclick="showimage()">Click Here for Image</button> 
</body> 
<script type="text/javascript"> 
function showimage() { 
    var _body = document.getElementsByTagName('body') [0]; 
    var img = document.createElement('img'); 
    //you can replace the link with any image you want 
    img.setAttribute('src', 'http://i.123g.us/c/cute_teddy/card/109882.gif'); 
    img.setAttribute('alt', 'Picture'); 
    _body.appendChild(img); 
} 
</script> 
</html>

jsFiddle Here

Если вам нужна помощь, чтобы понять, как это работает, не стесняйтесь спрашивать. В принципе, у нас есть кнопка, и мы создаем тег img и устанавливаем соответствующие атрибуты. Как только мы это сделаем, мы можем добавить его в тело документа HTML, чтобы он отображался. Я предлагаю вам получить хорошее представление о DOM (Document Object Model), поскольку вы новичок в веб-разработке/Javascript.

источник

2013-02-13 00:14:30 aug

спасибо @aug за ответ! Я пробовал код, и он работает !. это просто не то, что мне нужно делать. Когда я говорю «Печать», я имел в виду печать на физическом принтере (и не отображать его на экране). Извините за путаницу – user1415780

печать изображения в HTML5/Javascript

ответ

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