JavaScript 中的 HTML 图像到 pdf 转换器

2023-11-26

HTML 代码:

<img class="imagepdf "src="www.images.com/someimage" alt="Smiley face" height="42" width="42">

我想将此图像转换为 pdf 格式。我在用jspdf()为此,但我没有得到我的输出?有人能给我一个关于 fiddle 的 chrome pdf 转换的实例吗?


这是来自 github 站点的代码

var getImageFromUrl = function(url, callback) {
    var img = new Image();

    img.onError = function() {
        alert('Cannot load image: "'+url+'"');
    };
    img.onload = function() {
        callback(img);
    };
    img.src = url;
}


var createPDF = function(imgData) {
    var doc = new jsPDF();



    doc.addImage(imgData, 'JPEG', 10, 10, 50, 50, 'monkey');
    doc.addImage('monkey', 70, 10, 100, 120); // use the cached 'monkey' image, JPEG is optional regardless



    doc.output('datauri');
}

getImageFromUrl('thinking-monkey.jpg', createPDF);

如果您正在使用 chrome 安全限制,阻止它从 url 加载图像,那么只需添加这一行,它就会正常工作
img.crossOrigin = " ";
chrome 也可以

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 中的 HTML 图像到 pdf 转换器 的相关文章

随机推荐

  • 如何使用 SQLAlchemy 将一个类映射到多个表?

    假设我有一个包含三个表的数据库结构 如下所示 items item id item handle attributes attribute id attribute name item attributes item attribute i
  • slam 软件包安装失败并出现 make 错误

    我正在尝试安装 slam 软件包 但它在我的系统上似乎失败 我运行的是 ubuntu 12 04 我认为这是缺少库或其他东西 所以我安装了一些与 liblas 匹配的库 但没有骰子 installing source package sla
  • 空 PHP POST 变量

    背景 基于网络的联系表格 Problem The POST数组为空 启用错误后 不会发现任何错误 空数组值除外 该代码在某一时刻经过测试并工作 然后保持不变 直到我发布这个问题 主机可能已执行升级 Software PHP 5 2 17 阿
  • 如何从 Visual Studio 2012 项目降级到 Visual Studio 2008

    我正在使用 C Windows 应用程序 我最近将 Visual Studio 2008 项目转换为新的 Visual Studio 2012 项目 现在我必须将该项目降级到 Visual Studio 2008 有什么办法可以降低这个项目
  • 如何运行已安装的python脚本?

    我使用 distutils 来安装我的 python 包 其中 setup py import distutils core args name plugh version 1 0 scripts scripts plugh package
  • Kotlin 和 Gradle - 从 stdio 读取

    我正在尝试使用以下命令执行我的 Kotlin 类 gradlew q run lt src main kotlin samples input txt 这是我的HelloWorld kt class package samples fun
  • 为什么 IE8 不处理 iframe onload 事件?

    示例代码 a href http www example com target self Go a
  • Appengine:put_async 不起作用(至少在开发服务器中)?

    NOTE 它在生产中确实有效 我的意思是 当我上传应用程序时 它运行得很好 问题出在开发服务器上 这里有一些代码可以向您展示我正在尝试做什么 e Employee key name some key name name John Bonha
  • Codeigniter - 按字母顺序排列活动记录

    我想知道是否有人可以帮助我解决一些问题 我有一些 ajax 可以调用我的模型中的函数 但我似乎无法按 模型 对输出进行排序 在函数下面我遇到了问题 function get models by brand tree null this gt
  • 警告修复后将被初始化

    晚上好 感恩节快乐 我有以下代码 从我的主代码中取出到一个独立文件中 并且收到一些我想解决的警告消息 这是代码 include
  • 数学函数在现代处理器上需要多少周期

    我们知道现代处理器执行诸如cosine and sin直接在处理器上 因为它们有操作码 我的问题是这些指令通常需要多少周期 它们需要恒定的时间还是取决于输入参数 该时间因处理器型号而异 时间范围通常从数十个 CPU 周期到一百个或更多 许多
  • 查找 UIView 中某个类型的所有控件

    我正在寻找一种自动本地化按钮 文本字段等上的文本的方法 对于此方法 我需要找到 UIView 上的所有 例如 UIButton 我尝试了以下两种方法 但它们都没有像我希望的那样工作 for UIView subView in self vi
  • 如何更改 WPF DataGridColumn 上的第一个排序方向

    现在 默认 当您单击用户可排序的标题时DataGridColumn它在第一次单击时按升序排序 在第二次单击时按降序排序 如何使其在第一次单击时降序排序 在第二次单击时升序排序 我想出了一种方法 不确定这是否是最好的方法 但基本上 当排序事件
  • 将文本中的 YouTube URL 替换为其 HTML 嵌入代码

    如果在字符串中找到此函数 则嵌入 YouTube 视频 我的问题是 仅捕获嵌入视频 iframe 如果有更多视频 则仅捕获第一个视频 并忽略字符串的其余部分的最简单方法是什么 function youtube string autoplay
  • 可以跨 APK 共享资源吗?

    是否可以跨 APK 共享资源 例如 应用程序 A 在 APK A 中 可以从应用程序 B 在 APK B 中 加载图标或布局视图吗 您可以利用获取应用程序资源 这样 只要您至少知道包名称以及要加载的资源的 id 或名称 您就可以从其他应用程
  • Rails will_paginate 自定义路线

    如何将 will paginate 与自定义路由一起使用 我的路线中有以下内容 map connect human readable name controller gt tags action gt show 但据我所知 will pag
  • Eclipse 中的 JavaCompiler 为空

    我的 Java 编译器出现一些错误 我在 Eclipse 之外没有收到错误 但它似乎只发生在 Eclipse Indigo 中 这不是必需的 但如果您有答案 我将非常感激 因为它将帮助我更轻松地调试和测试资源 谢谢您阅读此篇 E ToolP
  • Asp.net core Identity“INSERT语句与FOREIGN KEY约束冲突”

    我使用 ASP NET CORE Identity 创建 ASP NET CORE 应用程序 我创建种子类来保存首次启动应用程序的新用户和角色 在这个种子类中 当我将角色添加到用户时 我收到以下错误 INSERT 语句与 FOREIGN K
  • 如何在 JBoss 中使用 Java“热代码替换”?

    我正在运行 JBoss 4 0 3 SP1 CP04 并使用 Eclipse 3 4 1 的调试器连接到它 两者都使用 JDK 1 6 0 11 当我对方法进行微小更改 例如 将逻辑中的 1 更改为 2 并保存它时 我立即收到标题为 热代码
  • JavaScript 中的 HTML 图像到 pdf 转换器

    HTML 代码 img class imagepdf src www images com someimage alt Smiley face height 42 width 42 我想将此图像转换为 pdf 格式 我在用jspdf 为此