开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用jspdf .html()方法导出到pdf之前调整html的大小

问使用jspdf .html()方法导出到pdf之前调整html的大小
EN

Stack Overflow用户

提问于 2019-02-21 02:03:29

回答 3查看 13K关注 0票数 2

我试图弄清楚如何用jsPDF .html()方法调整HTML元素的大小。

我尝试使用下面的代码，但是width选项似乎没有对输出进行任何更改。

我只是假设width是.html()的一个选项，因为不幸的是，到目前为止，这个方法还没有文档，人们应该猜测它是从代码中。

而且，在我看来，它应该接受html2canvas选项的选择，这就是我尝试使用width的原因。

总之，密码是：

var legend = document.getElementById("my-table");
var pdf = new jsPDF(orientation, undefined, format);
pdf.html(legend, {
    width: 200,
    callback: function () {
        window.open(pdf.output('bloburl'));
     }
});

#my-table

<table>
    <tr>
        <td><img src="image1.jpeg"></td>
    </tr>
    <tr>
        <td><img src="image2.jpeg"></td>
    </tr>
    ...
</table>

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2019-02-23 03:15:30

将选项传递给html2canvas：

pdf.html(legend, {
    html2canvas: {
        // insert html2canvas options here, e.g.
        width: 200
    },
    callback: function () {
        // ...
    }
});

对我来说，scale选项可以很好地调整大小。您可以检索默认页面维度在来源中列出来计算所需的缩放因子。

票数 4

EN

Stack Overflow用户

发布于 2020-10-03 10:25:24

我没有找到调整HTML对象大小的方法。相反，您可以将测量单元从mm (默认)更改为pt。这将把所有尺寸从原来的1/3减少到大约1/3。例如：

doc = new jsPDF('portrait', 'pt', 'a4');

重要:任何其他对象(如文本、行等)也会在大小和位置上减少。所以要小心。

票数 3

EN

Stack Overflow用户

发布于 2019-02-21 02:27:47

我不知道jspdf到底是怎么回事，但你好像错过了拼写

var legend = document.getElementsById("my-table");

这里。

var legend = document.getElementById("my-table");

也许，您可以通过css或style属性调整这些表的大小。

<table style="width:200;">
    <tr>
        <td><img src="image1.jpeg"></td>
    </tr>
    <tr>
        <td><img src="image2.jpeg"></td>
    </tr>
    ...
</table>

使用css

#my-table {
 width:200;
}

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54804292

复制

相关文章

使用asort函数对PHP数组进行升序排序

php 函数开发排序数组

PHP是一门功能强大的语言，数组是PHP中十分常用的数据结构之一。在实际开发中，经常需要对数组进行排序。PHP提供了多个函数用于对数组进行排序，其中asort函数可以实现对数组进行升序排序。

很酷的站长

2023/08/25

4950

使用asort函数对PHP数组进行升序排序

使用 Python 对波形中的数组进行排序

假设我们采用了一个未排序的输入数组。我们现在将对波形中的输入数组进行排序。数组 'arr[0..n-1]' 以波形排序，如果 arr[0] >= arr[1] <= arr[2] >= arr[3] <= arr[4] >= .....

很酷的站长

2023/02/22

6.9K0

使用 Python 对波形中的数组进行排序

python中选择排序法对数组进行升序排序_sort函数对字符串数组排序

编程算法 numpy https 网络安全

先说一下三者的区别 sort， sorted 是用在 list 数据类型中的排序方法 argsort 是用在 numpy 数据类型中的排序方法（ numpy 里也有一个 sort 方法，下面会讲）

全栈程序员站长

2022/09/22

3K0

python对字典进行排序

标准的python字典是无序的。即使对(键、值)对进行了排序，也无法以保留排序的方式将它们存储在dict中。

IT工作者

2022/07/07

1.9K0

Delphi对TStrings进行排序

编程算法 delphi

最近在做一个Delphi的对接第三方支付的接口，接口签名机制模仿微信的签名方式，把参数按ascii码进行排序后再加上key进行md5的加密，因为调用接口的的Post里面的参数是TStrings类型的，但是在TStrings类型里面没有Sorted排序这个方法。所以我自己重写了一个函数用于处理这个。

Vaccae

2019/07/25

1.4K0

对map集合进行排序

今天做统计时需要对X轴的地区按照地区代码（areaCode）进行排序，由于在构建XMLData使用的map来进行数据统计的，所以在统计过程中就需要对map进行排序。

java思维导图

2018/11/30

1.8K0

LUA对Map进行排序

lua 数据结构编程算法存储

Lua中最常见的数据结构就是Table，用Table表示Map很容易，但早期Lua没有提供一个针对Map数据结构的排序方法，下面用Moonscript实现了一个Map型数据结构排序函数方法。

糖果

2019/11/20

3.4K0

C++ 对vector进行排序

c++编程算法

title: C++ vector排序 tags: c++,vector,排序 grammar_cjkRuby: true --- 每次都要重复造轮子真的很累，所以用别人的吧。目的：对vector进行排序示例：记得将 algorithm 这个头文件包括进去 #include <iostream> #include <vector> #include <algorithm> using namespace std; int main(void) { vector <int> a

marsggbo

2018/01/23

8.5K0

PHP对数组进行排序操作

昨天别人问了我一个问题，瞬间把我给问懵了。事情是这样的，问我给到一个既定数组，现在让我实现下将数组元素从低到高升序排列。第一个反应是直接使用ksort之类排序函数操作（一时脑子浆糊，这系列函数每次都要翻手册，实际上是asort）。告诉我，不能使用内置函数，需要自己写一个。好吧，这么大的坑，有简单的不用，要来个复杂的。当时写了个简单实现的方案，没多想，晚上闲着没事就想了下效率问题。最近对程序运行效率始终保持敏感。就想测试下各方法效率到底相差多少。

世纪访客

2018/08/02

9270

使用QCollator对QStringList进行排序

qt 排序算法字符串

QCollator类根据排序规则算法比较字符串。以下例子是对QStringList进行数字优先且区分大小写比较排序。

Qt君

2023/03/17

2.9K0

使用QCollator对QStringList进行排序

sort函数对vector排序_sort函数对结构体数组排序

http c++https java 网络安全

今天写代码的是遇到想对vector进行排序的问题，隐约记得std::sort函数是可以对vector进行排序的，但是这次需要排序的vector中压的是自己定义的结构体（元素大于等于2），想以其中某一个元素进行正序或逆序排序，则不能直接使用sort函数。

全栈程序员站长

2022/09/21

1.7K0

Python中对list进行排序

很多时候，我们需要对List进行排序，Python提供了两个方法对给定的List L进行排序，方法1.用List的成员函数sort进行排序方法2.用built-in函数sorted进行排序（从2.4开始）这两种方法使用起来差不多，以第一种为例进行讲解：从Python2.4开始，sort方法有了三个可选的参数，Python Library Reference里是这样描述的 cmp:cmp specifies a custom comparison function of two arguments (iterable elements) which should return a negative, zero or positive number depending on whether the first argument is considered smaller than, equal to, or larger than the second argument: "cmp=lambda x,y: cmp(x.lower(), y.lower())" key:key specifies a function of one argument that is used to extract a comparison key from each list element: "key=str.lower" reverse:reverse is a boolean value. If set to True, then the list elements are sorted as if each comparison were reversed.In general, the key and reverse conversion processes are much faster than specifying an equivalent cmp function. This is because cmp is called multiple times for each list element while key and reverse touch each element only once. 以下是sort的具体实例。实例1: >>>L = [2,3,1,4] >>>L.sort() >>>L >>>[1,2,3,4] 实例2: >>>L = [2,3,1,4] >>>L.sort(reverse=True) >>>L >>>[4,3,2,1] 实例3: >>>L = [('b',2),('a',1),('c',3),('d',4)] >>>L.sort(cmp=lambda x,y:cmp(x[1],y[1])) >>>L >>>[('a', 1), ('b', 2), ('c', 3), ('d', 4)] 实例4: >>>L = [('b',2),('a',1),('c',3),('d',4)] >>>L.sort(key=lambda x:x[1]) >>>L >>>[('a', 1), ('b', 2), ('c', 3), ('d', 4)] 实例5: >>>L = [('b',2),('a',1),('c',3),('d',4)] >>>import operator >>>L.sort(key=operator.itemgetter(1)) >>>L >>>[('a', 1), ('b', 2), ('c', 3), ('d', 4)] 实例6:(DSU方法:Decorate-Sort-Undercorate) >>>L = [('b',2),('a',1),('c',3),('d',4)] >>>A = [(x[1],i,x) for i,x in enumerate(L)] #i can confirm the stable sort >>>A.sort() >>>L = [s[2] for s in A] >>>L >>>[('a', 1), ('b', 2), ('c', 3), ('d', 4)] 以上给出了6中对List排序的方法，其中实例3.4.5.6能起到对以List item中的某一项为比较关键字进行排序. 效率比较： cmp < DSU < key 通过实验比较，方法3比方法6要慢，方法6比方法4要慢，方法4和方法5基本相当多关键字比较排序：实例7: >>>L = [('d',2),('a',4),('b',3),('c',2)] >>> L.sort(key=lambda x:x[1]) >>> L >>>[('d', 2), ('c', 2), ('b', 3), ('a', 4)] 我们看到，此时排序过的L是仅仅按照第二个关键字来排的，如果我们想用

py3study

2020/01/09

2.4K0

在 JavaScript 中对数组进行排序

排序是您在学习JavaScript时将使用的众多基本方法之一。让我们回顾一下如何对不同的数据类型使用排序方法。

腾龙

2022/06/02

4.9K0

147. 对链表进行插入排序

动画链表排序排序算法

插入排序的动画演示如上。从第一个元素开始，该链表可以被认为已经部分排序（用黑色表示）。每次迭代时，从输入数据中移除一个元素（用红色表示），并原地将其插入到已排好序的链表中。

张伦聪zhangluncong

2022/10/26

6350

PHP如何对二维数组(多维数组)进排序

在 PHP 中，可以使用函数 array_multisort() 来对二维数组进行排序处理。该函数可以按照指定的键或值对数组进行排序。

兔云小新LM

2023/09/12

5570

PHP如何对二维数组(多维数组)进排序

几种常见的方法对数组进行排序

编码函数排序排序算法数组

1：Array.prototype.sort()： sort() 方法是数组原生的排序方法。默认情况下，它将数组元素转换为字符串，并按照 Unicode 编码进行排序。你可以传递一个比较函数作为参数来指定自定义的排序规则。

王小婷

2023/10/23

2090

PHP按特定key进行多维数组排序

编程算法 php

实际上array_multisort 是PHP内置的方法，官方有说明： PHP - array_multisort

雪碧君

2023/02/15

2.7K0

MySQL | 如何对查询结果集进行排序

云推荐引擎数据库 sql

数据操作语言：结果集排序如果没有设置，查询语句不会对结果集进行排序。也就是说，如果想让结果集按照某种顺序排列，就必须使用 ORDER BY 子句。 SELECT ...... FROM ...... ORDER BY 列名 [ASC | DESC]; SELECT ename,sal FROM t_emp ORDER BY sal; SELECT empno,ename,sal,deptno FROM t_emp ORDER BY sal DESC; 排序关键字 ASC 代表升序（默认），DESC

Zkeq

2022/05/18

6.3K0

MySQL | 如何对查询结果集进行排序

点击加载更多

相似问题

对单元格数组进行排序？

10

以字典排序方式对单元格数组进行排序？

12

基于NaNs列对单元格数组进行排序

12

跨多列对MATLAB单元格数组进行排序

10

对单元格范围进行排序

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例