c# - HTML/CSS 打印功能

Question

我正在创建一个网站，我想添加一个按钮来打印页面。我能够做到这一点，因为它会用 ctrl+P 打印，但是结构全部改变并且看起来很糟糕。

<div class="header-content">
     <h2 id="Feed">
          <button onclick="printFunction()">Imprimir</button>
          <script>function printFunction(){window.print();}</script>
     </h2>
</div>

还有其他打印方式吗？就像它是一个打印屏幕一样

Answer 1

打印网页时，页面会重新呈现以适合页面大小，而不是截屏并打印出来。这允许开发人员创建自定义样式以帮助将页面打印到纸上，这与在屏幕上布局有着本质上的不同。

有一种方法可以使用 Canvas 获得类似于您想要的东西，如下所述: Using HTML5/Canvas/JavaScript to take in-browser screenshots

使用工具: https://html2canvas.hertzen.com/

但它并不完美，我认为不使用浏览器扩展程序不可能获得完美的屏幕截图。