如何在asp.net中使用pechkin将带有css的完整网页转换为pdf文件？
[英]How to convert full webpage with css to pdf file with pechkin in asp.net ?
问题描述
我尝试将网页转换为pdf。 现在我已经可以转换它了，但是该文件在webpage中不一样。如何像web一样获得它？ 我使用pechkin.dll将网页转换为pdf。 请帮助，非常感谢。
这是一个查看我的图片的链接（Webform），因为我的退出<10，所以我无法发布图片，请点击该链接查看图片
http://image.ohozaa.com/view2/y3M1nVkSkXOxdIRc
这是我转换时的pdf文件（链接图像），因为我的退货<10，所以我无法发布图像，请点击链接查看图像
http://image.ohozaa.com/view2/y3M2BMMP1aEvvLcG
这是我的代码隐藏
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Pechkin;
namespace PechkinTest
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btn_export_Click(object sender, EventArgs e)
{
var client = new WebClient();
String url = Request.Url.AbsoluteUri;
String html = client.DownloadString(url);
#region Transform the HTML into PDF
var pechkin = Factory.Create(new GlobalConfig());
var pdf = pechkin.Convert(new ObjectConfig()
.SetLoadImages(true).SetZoomFactor(1.5)
.SetPrintBackground(true)
.SetScreenMediaType(true)
.SetCreateExternalLinks(true)
//.SetIntelligentShrinking(true).SetCreateInternalLinks(true)
.SetPageUri(url));
#endregion
#region Return the pdf file
Response.Clear();
Response.ClearContent();
Response.ClearHeaders();
Response.ContentType = "application/pdf";
Response.AddHeader("Content-Disposition", string.Format("attachment;filename=test.pdf; size={0}", pdf.Length));
Response.BinaryWrite(pdf);
Response.Flush();
Response.End();
#endregion
}
}
}
这是我在aspx中的代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="PechkinTest.WebForm1" %>
<!DOCTYPE HTML>
<!--
Iridium by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Iridium by TEMPLATED</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://localhost:63856/js/skel.min.js"></script>
<script src="http://localhost:63856/js/skel-panels.min.js"></script>
<script src="http://localhost:63856/js/init.js"></script>
<noscript>
<link href="http://localhost:63856/css/skel-noscript.css" rel="stylesheet" />
<link href="http://localhost:63856/css/style.css" rel="stylesheet" />
<link href="http://localhost:63856/css/style-desktop.css" rel="stylesheet" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
</head>
<body class="homepage">
<form id="form1" runat="server">
<!-- Header -->
<div id="header">
<div class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="#">Iridium</a></h1>
<span>Design by TEMPLATED</span>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
<li><asp:Button ID="btn_export" Text="Get PDF File" runat="server" OnClick="btn_export_Click" /></li>
</ul>
</nav>
</div>
</div>
<!-- Main -->
<div id="main">
<div class="container">
<div class="row">
<!-- Content -->
<div id="content" class="8u skel-cell-important">
<section>
<header>
<h2>Welcome to Iridium!</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span>
</header>
<a href="#" class="image full"><img src="images/pic07.jpg" alt="" /></a>
<p>This is <strong>Iridium</strong>, a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) – just give us credit! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor.</p>
</section>
</div>
<!-- Sidebar -->
<div id="sidebar" class="4u">
<section>
<header>
<h2>Pellentesque vulputate</h2>
</header>
<ul class="style">
<li>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
<img src="images/pic04.jpg" alt="" />
<p class="text">Nullam non wisi a sem eleifend. Donec mattis libero eget urna. Pellentesque viverra enim.</p>
</li>
<li>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
<img src="images/pic05.jpg" alt="" />
<p class="text">Nullam non wisi a sem eleifend. Donec mattis libero eget urna. Pellentesque viverra enim.</p>
</li>
<li>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
<img src="images/pic06.jpg" alt="" />
<p class="text">Nullam non wisi a sem eleifend. Donec mattis libero eget urna. Pellentesque viverra enim.</p>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="featured">
<div class="container">
<div class="row">
<div class="4u">
<h2>Aenean elementum facilisis</h2>
<a href="#" class="image full"><img src="images/pic01.jpg" alt="" /></a>
<p>Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum. Pellentesque viverra vulputate enim.</p>
<p><a href="#" class="button">More Details</a></p>
</div>
<div class="4u">
<h2>Fusce ultrices fringilla</h2>
<a href="#" class="image full"><img src="images/pic02.jpg" alt="" /></a>
<p>Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum. Pellentesque viverra vulputate enim.</p>
<p><a href="#" class="button">More Details</a></p>
</div>
<div class="4u">
<h2>Etiam rhoncus volutpat erat</h2>
<a href="#" class="image full"><img src="images/pic03.jpg" alt="" /></a>
<p>Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum. Pellentesque viverra vulputate enim.</p>
<p><a href="#" class="button">More Details</a></p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<div class="4u">
<section>
<h2>Latest Posts</h2>
<ul class="default">
<li><a href="#">Pellentesque lectus gravida blandit</a></li>
<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
</ul>
</section>
</div>
<div class="4u">
<section>
<h2>Ultrices fringilla</h2>
<ul class="default">
<li><a href="#">Pellentesque lectus gravida blandit</a></li>
<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
</ul>
</section>
</div>
<div class="4u">
<section>
<h2>Aenean elementum</h2>
<ul class="default">
<li><a href="#">Pellentesque lectus gravida blandit</a></li>
<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
<!-- Copyright -->
<div id="copyright">
<div class="container">
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
</div>
</div>
</form>
</body>
</html>
2 个解决方案
解决方案1
0 2015-01-02 04:53:57
Pechkin渲染HTML的方式与（webkit）网页相同。 这意味着确保正确引用所有CSS和JS（与UI渲染相关）非常重要。
解决方案2
0 2015-01-11 20:06:24
我建议您创建一个网页，其中显示要打印的内容并将其放置在Web应用程序中的已知位置。
然后使用Tuespechkin例程的url版本（我使用的url版本）提供打印页面的路径。
服务器将完成所有渲染，并将其发送到tuespechkin例程（我使用的例程），就像用户直接调用打印例程页面时将接收输出的方式一样。
这样可以避免此htmltopdf软件具有的大多数渲染问题。
我只使用打印页面，并且得到的输出完全符合我的要求。
我还建议您切换到Tuespechkin，因为它最近已更新。
为什么在Asp.Net中使用pechkin将页面转换为pdf时会话结束？
[英]Why session end when converting a page to pdf using pechkin in Asp.Net?
如何在asp.net C＃中使用itextsharp将pdf文件转换为svg文件？
[英]How to convert pdf file to svg file using itextsharp in asp.net c#?
在asp.net c＃中阅读后，如何减少pdf文件转换为特殊字符？
[英]How to reduce pdf file to convert in special character after reading in asp.net c#.?
ASP.NET：在服务器端，创建 HTML、CSS 和 Javascript 网页的 PDF 副本，与 Google Chrome 中显示的完全一样
[英]ASP.NET: on the server side, create PDF copy of HTML, CSS and Javascript webpage, exactly as it appears in Google Chrome
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何在asp.net中将网页转换为pdf文件
为什么在Asp.Net中使用pechkin将页面转换为pdf时会话结束？
使用ASP.NET C＃将网页转换为PDF文档
使用Pechkin asp.net C＃无法在Pdf中呈现Ajax图表
使用Ajax Tab容器将asp.net网页转换为pdf
如何在asp.net C＃中使用itextsharp将pdf文件转换为svg文件？
将网页从ASP.NET转换为图像
如何制作网页渐变 ASP.NET 和 CSS？
在asp.net c＃中阅读后，如何减少pdf文件转换为特殊字符？
ASP.NET：在服务器端，创建 HTML、CSS 和 Javascript 网页的 PDF 副本，与 Google Chrome 中显示的完全一样
相关标签