精华内容
下载资源
问答
  • 现在都可以看见苹果手机手机经常有图片,苹果手机怎么生成PDF文件手机也可以生成PDF文件,很多人不知道,这里分享一个简单的方法。 1、在手机上打开迅捷PDF阅读器,熟悉操作后就可以开始生成PDF文件,这里是...

          现在都可以看见苹果手机,手机经常有图片,苹果手机怎么生成PDF文件?手机也可以生成PDF文件,很多人不知道,这里分享一个简单的方法。

         1、在手机上打开迅捷PDF阅读器,熟悉操作后就可以开始生成PDF文件,这里是首页。

    1240

         2、这里是小功能界面,有4个栏目,我们点击图片生成PDF文件。

    1240

        3、这里一片空白,在这里输入PDF文档名称,添加图片等。

    1240

        4、这里我们选择图片的选择方式,可以拍照,可以从相册中选择,我选择的是从相册中选择。

    1240

        5、这里是我的相片,我添加了这么多,这个你们自己去添加!

    1240

        6、这就是新建好的PDF文件啦, 当然不止这一个功能,其他的功能等着你去发现呢!

    1240

       上面就是苹果手机怎么生成PDF文件,手机照片现在也可以生成PDF文件,苹果手机还有更多功能等你去发现,迅捷PDF编辑器也可以生成PDF文件,都可以去试试。

    转载于:https://my.oschina.net/u/3890525/blog/1842817

    展开全文
  • 苹果的像素很高,拍出的照片占用内存很大,我们可以转换PDF文件储存,苹果手机如何生成PDF文件?图片生成PDF文件不难,找对方法就很容易。 1在手机上点击搜索该迅捷PDF阅读器,接着开始生成PDF文件 2下载打开...

    苹果的像素很高,拍出的照片占用内存很大,我们可以转换PDF文件储存,苹果手机如何生成PDF文件?图片生成PDF文件不难,找对方法就很容易。

    1240

    1在手机上点击搜索该迅捷PDF阅读器,接着开始生成PDF文件

    1240

    2下载打开之后就是这样啦,你要找到小功能界面

    1240

    3这里点击图片生成PDF,在这里输入PDF文档名称,添加图片等

    1240

    4点击确定就可以合成啦,这里正在合成

    1240

    5这就是新建好的PDF文件啦, 当然不止这一个功能,其他的功能等着你去发现呢!

    1240

              苹果手机如何生成PDF文件的技巧就分享到这里,你们拍好一点照片,这样PDF文件清晰度就高,这个步骤简单,苹果手机当然还有更多功能等着你。        

    转载于:https://my.oschina.net/u/3830334/blog/1832837

    展开全文
  • itext生成pdf文件

    2019-03-26 10:13:09
    itext生成pdf文件 生成pdf代码如下所示: package word; import java.awt.Color; import java.io.FileOutputStream; import java.io.IOException; import com.lowagie.text.Cell; import ...

    用itext生成pdf文件

    生成pdf代码如下所示:

    package word;

    import java.awt.Color;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import com.lowagie.text.Cell;
    import com.lowagie.text.Document;
    import com.lowagie.text.DocumentException;
    import com.lowagie.text.Element;
    import com.lowagie.text.Font;
    import com.lowagie.text.FontFactory;
    import com.lowagie.text.Image;
    import com.lowagie.text.PageSize;
    import com.lowagie.text.Paragraph;
    import com.lowagie.text.Phrase;
    import com.lowagie.text.Table;
    import com.lowagie.text.pdf.BaseFont;
    import com.lowagie.text.pdf.PdfWriter;

    public class TestPdf
    {
    /**
    * 生成一个简单的PDF文件:HelloWorld.pdf
    *
    * 作者:小段
    */
    public static void main(String[] args)
    {
    System.out.println(“Hello World”);
    // 第一步:创建一个document对象。
    Document document = new Document(PageSize.A4);
    try
    {
    // 第二步:
    // 创建一个PdfWriter实例,
    // 将文件输出流指向一个文件。
    PdfWriter.getInstance(document, new FileOutputStream(
    “d:\HelloWorld.pdf”));
    // 第三步:打开文档。
    document.open();
    // 第四步:在文档中增加一个段落。
    document.add(new Paragraph(“Hello World” + “,” + “Hello iText”
    + “,” + “Hello xDuan”));

    		//以下和生成word一样。
    		// 设置中文字体
    		BaseFont bfChinese = BaseFont.createFont("STSongStd-Light",
    				"UniGB-UCS2-H", BaseFont.NOT_EMBEDDED);
    		
    		Font fontChinese = new Font(bfChinese, 12, Font.NORMAL, Color.GREEN);
    		
    		// 设置 Table 表格
    		Table aTable = new Table(3);
    		int width[] =
    		{ 25, 25, 50 };
    		aTable.setWidths(width);// 设置每列所占比例
    		aTable.setWidth(90); // 占页面宽度 90%
    		aTable.setAlignment(Element.ALIGN_CENTER);// 居中显示
    		aTable.setAlignment(Element.ALIGN_MIDDLE);// 纵向居中显示
    		aTable.setAutoFillEmptyCells(true); // 自动填满
    		aTable.setBorderWidth(1); // 边框宽度
    		aTable.setBorderColor(new Color(0, 125, 255)); // 边框颜色
    		aTable.setPadding(2);// 衬距,看效果就知道什么意思了
    		aTable.setSpacing(0);// 即单元格之间的间距
    		aTable.setBorder(2);// 边框
    		// 设置表头
    		/**
    		 * cell.setHeader(true);是将该单元格作为表头信息显示;
    		 * cell.setColspan(3);指定了该单元格占3列; 为表格添加表头信息时,要注意的是一旦表头信息添加完了之后, 必须调用
    		 * endHeaders()方法,否则当表格跨页后,表头信息不会再显示
    		 */
    		Cell haderCell = new Cell(new Phrase("表格表头", fontChinese));
    		haderCell.setHeader(true);
    		haderCell.setColspan(3);
    		aTable.addCell(haderCell);
    		aTable.endHeaders();
    		
    		
    		Cell cell = new Cell(
    				new Phrase("这是一个测试的 3*3 Table 数据", fontChinese));
    		cell.setVerticalAlignment(Element.ALIGN_TOP);
    		cell.setBorderColor(new Color(255, 0, 0));
    		cell.setRowspan(2);
    		aTable.addCell(cell);
    		aTable.addCell(new Cell("#1"));
    		aTable.addCell(new Cell("#2"));
    		aTable.addCell(new Cell("#3"));
    		aTable.addCell(new Cell("#4"));
    		Cell cell3 = new Cell(new Phrase("一行三列数据", fontChinese));
    		cell3.setColspan(3);
    		cell3.setVerticalAlignment(Element.ALIGN_CENTER);
    		aTable.addCell(cell3);
    		document.add(aTable);
    		document.add(new Paragraph("\n"));
    		//以上和生成word一样。
    		
    		
    	} catch (DocumentException de)
    	{
    		System.err.println(de.getMessage());
    	} catch (IOException ioe)
    	{
    		System.err.println(ioe.getMessage());
    	}
    	// 第五步:关闭文档。
    	document.close();
    	
    	// 检验程序是否正常运行到这里。
    	System.out.println("已生成文档");
    }
    

    }

    欢迎使用Markdown编辑器

    你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

    新的改变

    我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

    1. 全新的界面设计 ,将会带来全新的写作体验;
    2. 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
    3. 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
    4. 全新的 KaTeX数学公式 语法;
    5. 增加了支持甘特图的mermaid语法1 功能;
    6. 增加了 多屏幕编辑 Markdown文章功能;
    7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
    8. 增加了 检查列表 功能。

    功能快捷键

    撤销:Ctrl/Command + Z
    重做:Ctrl/Command + Y
    加粗:Ctrl/Command + B
    斜体:Ctrl/Command + I
    标题:Ctrl/Command + Shift + H
    无序列表:Ctrl/Command + Shift + U
    有序列表:Ctrl/Command + Shift + O
    检查列表:Ctrl/Command + Shift + C
    插入代码:Ctrl/Command + Shift + K
    插入链接:Ctrl/Command + Shift + L
    插入图片:Ctrl/Command + Shift + G

    合理的创建标题,有助于目录的生成

    直接输入1次#,并按下space后,将生成1级标题。
    输入2次#,并按下space后,将生成2级标题。
    以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

    如何改变文本的样式

    强调文本 强调文本

    加粗文本 加粗文本

    标记文本

    删除文本

    引用文本

    H2O is是液体。

    210 运算结果是 1024.

    插入链接与图片

    链接: link.

    图片: Alt

    带尺寸的图片: Alt

    居中的图片: Alt

    居中并且带尺寸的图片: Alt

    当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。

    如何插入一段漂亮的代码片

    博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

    // An highlighted block
    var foo = 'bar';
    

    生成一个适合你的列表

    • 项目
      • 项目
        • 项目
    1. 项目1
    2. 项目2
    3. 项目3
    • 计划任务
    • 完成任务

    创建一个表格

    一个简单的表格是这么创建的:

    项目Value
    电脑$1600
    手机$12
    导管$1

    设定内容居中、居左、居右

    使用:---------:居中
    使用:----------居左
    使用----------:居右

    第一列第二列第三列
    第一列文本居中第二列文本居右第三列文本居左

    SmartyPants

    SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

    TYPEASCIIHTML
    Single backticks'Isn't this fun?'‘Isn’t this fun?’
    Quotes"Isn't this fun?"“Isn’t this fun?”
    Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

    创建一个自定义列表

    Markdown
    Text-to- HTML conversion tool
    Authors
    John
    Luke

    如何创建一个注脚

    一个具有注脚的文本。2

    注释也是必不可少的

    Markdown将文本转换为 HTML

    KaTeX数学公式

    您可以使用渲染LaTeX数学表达式 KaTeX:

    Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

    Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

    你可以找到更多关于的信息 LaTeX 数学表达式here.

    新的甘特图功能,丰富你的文章

    Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
    • 关于 甘特图 语法,参考 这儿,

    UML 图表

    可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::

    张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

    这将产生一个流程图。:

    链接
    长方形
    圆角长方形
    菱形
    • 关于 Mermaid 语法,参考 这儿,

    FLowchart流程图

    我们依旧会支持flowchart的流程图:

    Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
    • 关于 Flowchart流程图 语法,参考 这儿.

    导出与导入

    导出

    如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

    导入

    如果你想加载一篇你写过的.md文件或者.html文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
    继续你的创作。


    1. mermaid语法说明 ↩︎

    2. 注脚的解释 ↩︎

    展开全文
  • jspdf 生成pdf文件The Portable Document Format has been one the major innovations in the fields of desktop publishing and office automations. 可移植文档格式已成为桌面出版和办公室自动化领域的主要创新之...

    jspdf 生成pdf文件

    The Portable Document Format has been one the major innovations in the fields of desktop publishing and office automations.

    可移植文档格式已成为桌面出版和办公室自动化领域的主要创新之一。

    It’s widely used in web publishing too, but unfortunately very often in wrong ways – like using it to replace contents that should have been built with HTML. This causes many problems regarding usability, accessibility, SEO and so on.

    它也广泛用于Web发布中,但不幸的是,它经常以错误的方式出现-例如使用它来替换本应由HTML构建的内容。 这会导致许多与可用性,可访问性,SEO等有关的问题。

    However, there are some cases in which PDF files are required: when a document needs to be archived and must be used outside the web (for example an invoice) or when you need a deep control on printing.

    然而,也有一些案件中,PDF文件是必需的:当一个文件需要被存档,并且必须在网络(例如发票),或者当你需要打印上了深刻的控制之外使用。

    It was just the need to control printing that brought me to research a way to easily generate a PDF.

    正是由于需要控制打印,才使我研究了一种轻松生成PDF的方法。

    The purpose of this article is not to simply explain how a PDF can be created (there are many easy way to do this), but also to focus on the circumstances where a PDF file can solve a problem, and how a simple tool like jsPDF can help with this.

    本文的目的不是简单地解释如何创建PDF(有许多简单的方法可以做到这一点),而是着眼于PDF文件可以解决问题的情况以及像jsPDF这样的简单工具的方式。可以帮助您。

    处理印刷 (Dealing with Printing)

    Anyone who has dealt with CSS printing rules knows how difficult it is to achieve a decent level of cross-browser compatibility (take a look, for example, at the Page-break support table at Can I Use). Therefore, when I need to build something that must be printed, I always try to avoid CSS, and the simplest solution is to use PDF.

    任何处理过CSS打印规则的人都知道实现良好的跨浏览器兼容性水平是多么困难(例如,看一下“我可以使用”的分页支持表 )。 因此,当我需要构建必须打印的内容时,我总是尽量避免使用CSS,最简单的解决方案是使用PDF。

    I’m not talking here about the simple conversion of HTML to PDF. (I’ve tried several tools of that type, but none of them has fully satisfied me.) My goal is to have complete control over the positioning and size of elements, page breaks and so on.

    我不是在这里谈论HTML到PDF的简单转换。 (我尝试过几种此类工具,但没有一个使我完全满意。)我的目标是完全控制元素的位置和大小,分页符等。

    In the past I’ve often used FPDF, a PHP tool that can easily give you such controls and that can be easily expanded with many plugins.

    过去我经常使用FPDF (PHP工具),它可以很容易地给你这样的控件,并且可以通过许多插件轻松地扩展。

    Unfortunately, the library seems to be abandoned (its last version dates back to 2011) (Update: actually, the latest version appears to be from December 2015), but thanks to some JavaScript libraries, we now have the ability to build PDF files directly in the clients (thus making their generation faster).

    不幸的是,该库似乎已被废弃(其最新版本可追溯到2011年)(更新: 实际上,最新版本似乎是从2015年12月开始的 ),但是由于有了一些JavaScript库,我们现在能够直接构建PDF文件在客户中(从而使他们的生成速度更快)。

    When I started my project, some months ago, I searched for a JS library, and finally I found two candidates: jsPDF and pdfmake. pdfmake seems to be well documented and very easy to use, but since it was a beta version, I decided for jsPDF.

    几个月前,当我开始我的项目时,我搜索了一个JS库,最后找到了两个候选对象: jsPDFpdfmake 。 pdfmake似乎文档齐全并且非常易于使用,但是由于它是beta版本,所以我决定使用jsPDF。

    PDF使用jsPDF构建 (PDF Building with jsPDF)

    The jsPDF documentation is fairly minimal, consisting of a single page along with some demos, and a little more information in the source file (or in its jsDoc pages), so keep in mind that using it for complex projects can be a little hard in the beginning.

    jsPDF文档非常少,它由一个页面和一些演示组成 ,并且在源文件(或其jsDoc页面 )中有更多信息,因此请记住,在复杂项目中使用它可能有点困难。开始。

    Anyway, jsPDF is very easy for basic PDF files generation. Take a look to a simple “Hello World” example:

    无论如何,jsPDF对于基本PDF文件的生成非常容易。 看一个简单的“ Hello World”示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Hello world</title>
    </head>
    <body>
        <h1>Hello world</h1>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
        <script type="text/javascript">
            var pdf = new jsPDF();
            pdf.text(30, 30, 'Hello world!');
            pdf.save('hello_world.pdf');
        </script>
    </body>
    </html>

    This HTML page generates a one-page PDF file and saves it on your computer. First you have to link to the jsPDF library (in this case, from cdnjs.com), then a jsPDF instance is created, a line of text is added, and the result is saved as hello_world.pdf.

    此HTML页面生成一页PDF文件,并将其保存在您的计算机上。 首先,您必须链接到jsPDF库(在本例中为cdnjs.com ),然后创建一个jsPDF实例,添加一行文本,并将结果保存为hello_world.pdf

    Note that I’ve used the 1.0.272 version, and that it’s not the latest: at the time of writing this, the most recent version is the 1.1.135, but it has many issues, so I am still using the previous one.

    请注意,我使用的是1.0.272版本,它不是最新版本:在撰写本文时,最新版本是1.1.135,但是它存在许多问题,因此我仍在使用上一个版本。 。

    You can see how extremely simple it is to build a basic PDF file (you can find more examples at the jsPDF site).

    您会看到构建基本PDF文件非常简单(可以在jsPDF站点上找到更多示例)。

    Let’s try to build something harder.

    让我们尝试构建更难的东西。

    传单项目 (The Flyer Project)

    Some months ago, I was asked to build an application for creating some simple flyers. It was part of a larger project that dealt with some services for travel agencies, and the real flyer was partially populated by some JSON data.

    几个月前,我被要求构建一个用于创建一些简单传单的应用程序。 它是一个较大的项目的一部分,该项目涉及旅行社的一些服务,真正的传单部分由一些JSON数据填充。

    The flyer’s main aim was to provide a simple way to display special offers to be exposed in the travel agency shop window.

    该传单的主要目的是提供一种简单的方法,以显示要在旅行社商店橱窗中展示的特惠信息。

    I’ve rearranged that application for this article, removing all server-side functionality, simplifying the flyer design, getting rid of legacy browser compatibility and building a very simple UI with Bootstrap 3 and jQuery.

    我已经为本文重新安排了该应用程序,删除了所有服务器端功能,简化了传单设计,摆脱了旧版浏览器的兼容性,并使用Bootstrap 3和jQuery构建了非常简单的UI。

    The demo works well with Firefox and Chrome, while Explorer (or Edge) doesn’t allow you to display the preview, but only to download the generated PDF.

    该演示与Firefox和Chrome兼容,而Explorer(或Edge)不允许您显示预览,而只能下载生成的PDF。

    This is an example of a PDF created with the app (photo credit: Rafael Leão / Unsplash)

    这是使用该应用创建的PDF的示例(图片来源: RafaelLeão/ Unsplash )

    The flyer

    A functioning demo is available at the end of this article or directly in CodePen. Note that, since CodePen loads the result page in an iframe, the PDF preview – which is loaded in an iframe too – has some issues with Chrome and Safari that prevent the preview from being displayed. (Use Firefox if you can, or try the demo on my personal site).

    本文结尾或直接在CodePen中提供了功能正常的演示。 请注意,由于CodePen将结果页面加载到iframe中,因此PDF预览(也加载到iframe中)与Chrome和Safari相比存在一些问题,无法显示预览。 (如果可以,请使用Firefox,或者在我的个人网站上尝试演示 )。

    传单制作者 (The Flyer Builder)

    The user interface allows the user to insert some basic data (a title, an abstract and a price). Optionally, an image can be added, otherwise a grey-boxed Special Offer title is displayed.

    用户界面允许用户插入一些基本数据(标题,摘要和价格)。 (可选)可以添加图像,否则显示灰色框的“ 特价商品”标题。

    Other data (the agency name and its website URL and logo) are embedded in the application code.

    其他数据(代理商名称及其网站URL和徽标)嵌入在应用程序代码中。

    User interface

    The PDF can be previewed in a iframe (except Explorer or Edge) or directly downloaded.

    可在iframe(资源管理器或Edge除外)中预览PDF或直接下载PDF。

    When the Update preview or the Download buttons are clicked, the PDF is generated using jsPDF and passed to the iframe as a data URI string or saved to disk, as in the above example.

    单击“ 更新预览”或“ 下载”按钮时,将使用jsPDF生成PDF,并将其作为数据URI字符串传递到iframe或保存到磁盘,如上例所示。

    The PDF generation first creates a new instance a jsPDF object with these options: portrait orientation (p), millimeters units (mm), ‘A4’ format.

    PDF生成首先使用以下选项创建一个新的jsPDF对象实例:纵向方向( p ),毫米单位( mm ),“ A4”格式。

    var pdf = new jsPDF('p', 'mm', 'a4');

    Images are added using the addImage function. Note that every object placed in the PDF page must be exactly positioned. You have to take care of the coordinates of each object using the units declared.

    使用addImage函数添加图像。 请注意,放置在PDF页面中的每个对象都必须精确定位。 您必须使用声明的单位来照顾每个对象的坐标。

    // pdf.addImage(base64_source, image format, X, Y, width, height)
    pdf.addImage(agency_logo.src, 'PNG', logo_sizes.centered_x, _y, logo_sizes.w, logo_sizes.h);

    Images must be Base64 encoded: the agency logo is embedded in the script in this format, while the image loaded by the user is encoded using the readAsDataURL method in the $('#flyer-image').change listener.

    图片必须经过Base64编码:代理徽标以这种格式嵌入脚本中,而用户加载的图片则使用$('#flyer-image').change侦听器中的readAsDataURL方法进行编码。

    The title is added using the textAlign function. Note that this function is not part of the jsPDF core, but, as suggested by the author in his examples, the library can be easily expanded using its API. You can find the textAlign() function at the top of flyer builder script:

    使用textAlign函数添加标题。 请注意,此功能不是jsPDF核心的一部分,但是,正如作者在其示例中所建议的那样,可以使用其API轻松扩展该库。 您可以在传单生成器脚本的顶部找到textAlign()函数:

    pdf.textAlign(flyer_title, {align: "center"}, 0, _y);

    This function calculates the X coordinate of the the text string to make it centered, and then calls the native text() method:

    此函数计算文本字符串的X坐标以使其居中,然后调用本机text()方法:

    pdf.text(text string, X, Y);

    To change text properties, you can use the setFontSize(), setFont(), setTextColor() and setFontType() methods.

    要更改文本属性,可以使用setFontSize()setFont()setTextColor()setFontType()方法。

    To set a 20pt Times Bold red string, for example, you need to type this:

    例如,要设置一个20pt Times Bold红色字符串,您需要输入以下内容:

    pdf.setFontSize(20);
    pdf.setFont("times");
    pdf.setFontType("bold");
    pdf.setTextColor(255, 0, 0);
    pdf.text(10,10, 'This is a 20pt Times Bold red string');

    The Special offer grey box and the price circle use two similar methods: roundedRect() and circle(). Both of them require top-left coordinates, size values (the width and height in the first case and the radius in the second one):

    特价商品灰色框和价格圆圈使用两种相似的方法: roundedRect()circle() 。 它们都需要左上角的坐标,大小值(第一种情况下的宽度和高度,第二种情况下的半径):

    pdf.roundedRect( X, Y, width, height, radius along X axis, radius along Y axis, style);
    pdf.circle( X, Y, radius, style);

    The style parameters refers to the fill and stroke properties of the object. Valid styles are: S [default] for stroke, F for fill, and DF (or FD) for fill and stroke.

    style参数是指对象的填充和描边属性。 有效样式为: S [默认值]用于笔划, F用于填充,而DF (或FD )用于填充和笔划。

    Fill and stroke properties must be set in advance using setFillColor and setDrawColor, which require a RGB value and setLineWidth that requires the line width value in the unit declared at inception of PDF document.

    必须使用setFillColorsetDrawColor预先设置填充和描边属性,这需要RGB值,而setLineWidth需要以PDF文档开始时声明的单位的线宽值。

    The complete code is available in the CodePen demo:

    完整的代码可在CodePen演示中找到:

    See the Pen PDF Flyer generator by SitePoint (@SitePoint) on CodePen.

    请参阅CodePen上的SitePoint ( @SitePoint )的Pen PDF Flyer生成器

    结论 (Conclusion)

    This basic example shows how it’s possible to build a very basic flyer with jsPDF.

    这个基本示例说明了如何使用jsPDF构建非常基本的传单。

    Its use could be easy, but the lack of a complete documentation makes every step really complicated.

    它的使用可能很容易,但是缺少完整的文档使每个步骤都变得非常复杂。

    I’m still looking around for other solutions, keeping my eye on others like pdfmake. But ultimately, I think the only really definitive solution can be better browser support for printing CSS rules!

    我仍在寻找其他解决方案,同时关注pdfmake等其他解决方案。 但最终,我认为唯一真正的解决方案是为打印CSS规则提供更好的浏览器支持!

    Have you used jsPDF or something similar? What was your experience? Let me know in the comments.

    您是否使用过jsPDF或类似的东西? 你的经验是什么? 在评论中让我知道。

    翻译自: https://www.sitepoint.com/generating-pdfs-from-web-pages-on-the-fly-with-jspdf/

    jspdf 生成pdf文件

    展开全文
  • iOS(OC)实现通过多张图片生成一个完成的PDF文件,pdf单页宽高克自己调整
  • .net core生成PDF文件,iTextSharp使用

    千次阅读 2020-10-24 23:04:45
    今天介绍一个可以生成PDF的类库 iTextSharp,首先可以在Nuget包管理器中找到。 然后在命名空间引用下。 using iTextSharp.text; using iTextSharp.text.pdf; 接下来看一个导出的pdf文件的效果吧。 这里导出到内容...
  • jspdf实现页面下载生成pdf文件

    千次阅读 2017-02-16 14:43:20
    jspdf实现页面下载生成pdf文件 一路辛酸就不多说了,经历了各种尝试,最后终于搞定,直接贴代码: function pdfCreater(){  html2canvas(document.body, { onrendered: function(canvas) { var imgData = ...
  • 我是前端使用jsPDF进行生成PDF文件使用Base64进行加密,解密;后台进行文件流下载 1.前端使用jsPDF和html2canvas进行生成PDF文件(当然有这同样的毛病,生成时候有滚动条的情况下,内容会丢失,我这里使用的是...
  • 根据PDF模板生成PDF文件,这里主要借助iTextSharp工具来完成。场景是这样的,假如要做一个电子协议,过通过在线填写表单数据,然后系统根据用户填写的数据,生成电子档的协议。原理很简单,但是每个技术人员解决...
  • java根据模板生成pdf文件并导出

    万次阅读 多人点赞 2017-03-23 13:18:29
    3.通过Adobe Acrobat pro软件打开刚刚word转换成的pdf文件(注:如果没有这个软件可以通过我的百度云下载,链接:http://pan.baidu.com/s/1pL2klzt)如果无法下载可以联系博主。 4.点击右边的"准备表单"按钮,...
  • 引用tcpdf生成pdf文件后,在pc浏览器可以预览,在手机浏览器就变成直接下载了,怎么可以在手机浏览器中预览
  • 完美封装word excel ppt pdf文件解析包,抽取文件内容,并可分页生成手机支持的html页面
  • PDF文件怎么生成?我们要想阅读PDF文件,就该知道PDF文件是什么? PDF文件是便携式文档,从字面上就可以看出,这是一张方便携带的文档,PDF文件在各个操作系统是通用的,就是因为这一个特点,PDF文件现在已经成为...
  • 前端通过html2canvas+jspdf 生成PDF文件

    千次阅读 2018-10-17 14:43:05
    JS通过html2canvas+jspdf 生成PDF文件 下载必要的JS文件 jspdf.debug.js: ...
  • 生成PDF文件-使用iText制作复杂表格

    千次阅读 2013-10-24 13:29:15
    前一段时间一个项目需要在Android手机上制作含有复杂表格的文档(吐槽:我国的表格应该是全...这个文档对字体和格式要求比较高,并且生成后的文档需求通过手机蓝牙连接蓝牙打印机进行打印,最好选择了生成PDF文档的方
  • 前初步皆可生成PDF,初步可配套使用chrome headless和wkhtmltopdf命令行PDF生成工具。 泊坞窗。可快速构件你的在线PDF的打印生成服务 预览案例 bug:苹果手机预览会出线分页和字体大小问题,在于插件依赖js动态计算...
  • Android iText生成和读取PDF文件 博客地址: http://blog.csdn.net/xuwenneng/article/details/52995392 博客上有github地址啊。
  • java生成PDF文件的Demo,自己做的单据

    千次阅读 2016-02-26 10:55:01
    1、首先需要下载两个包,点击: iText-5.0.5与iTextAsian包 2、正文 ... import java.io.File; import java.io.FileOutputStream;import com.itextpdf.text.Document; import com.itextpdf.text.Element; import com.i
  • PDF文件怎么打开呢?很多小伙伴觉得PDF格式的文件打开比较麻烦,其实我们...今天给大家分享一个手机打开PDF文件并编辑的方法:所用工具信息:软件名称:迅捷PDF编辑器软件下载地址:www.xunjiepdf.com/editor软件语...
  • 这里demo的maven来管理项目,pom.xml如下:&lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="...
  • 那么怎样用手机操作将PDF文件转换成PPT呢?下面是我总结的经验,需要的朋友可以参考一下。  使用工具:vivo手机一部,PDF文件  使用环境:vivo手机 1.转换文件需要工具辅助进行,需要的朋友可以在手机应用...
  • 一 测试: FileGenerator pdfGenServ = (FileGenerator) getBean("pdfGenServ"); Result result = pdfGenServ.genFile(PDF_KEY, pdfModelVo);
  • PDF格式的转换目前来说是很常见的,因为PDF的优点很多,兼容性强、安全性高等。PDF转Word也是大家常见的一种转换方式,但但有的人会问,怎么吧图片转PDF呢?其实解决的方法很简单,只需要借助专业的转换工具就可以啦...
  • 写项目的时候,碰到一个需求,就是在手机端根据指定的文件内容生成PDF文件,并可以保存到手机上,因为以前只是听说过,没有真正的去了解过这个需求,通过查阅资料,可以实现这个功能,话不多说,代码如下: ...
  • pdf文件,添加电子签名和合同印章。java项目本地导入即可使用
  • 我们可以利用图片生成,图片也能生成PDF文件,想知道的看过来。 1在手机上点击搜索该迅捷PDF阅读器,下载安装至手机上 2下载打开之后就是这样啦,你要找到小功能界面 3这里点击图片生成PDF,在这里输入PDF...
  • 很多人都有手机手机大家都会玩,如果工作中需要新建PDF文件怎么办,手机怎么新建PDF文件?很多人不会,这里分享一个简单实用的新建PDF文件的方法。 1、在自己的应用市场或者百度输入迅捷PDF阅读器,然后进行下...
  • //如果为false那么生成PDF文件还能编辑,一定要设为true stamper.close(); Document doc = new Document(); PdfCopy copy = new PdfCopy(doc, out); doc.open(); PdfImportedPage importPage = copy....
  • 不,我不想,我只想把我喜欢的教程转成PDF文件,放到我的手机或者阅读器中,什么?你也想,那来吧,本文将介绍: 通过命令行将某网站的内容转成PDF文件 通过NodeJS爬虫将某网络教程(例如阮一峰的JavaScript教程和...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,793
精华内容 5,517
关键字:

如何用手机生成pdf文件