jquery画布图像下载

2024-04-29

我有我的画布元素和一些 div,单击后我希望打开下载“画布快照”。现在我有:

$("#save").live('click', function(e)
{
    var image = canvas.toDataURL("image/png", true); 
    var imageElement = document.getElementById("myPics");
    imageElement.src = image;
 });

显示图像的内容 - 所以没关系,但我想要的是公式,在单击 #save div 后,该公式将导致该图片自动下载到用户计算机。


图像的保存可以使用 HTML5 blob 来完成。

http://www.html5rocks.com/en/tutorials/file/filesystem/#toc-file-writing http://www.html5rocks.com/en/tutorials/file/filesystem/#toc-file-writing

你可以把 Blob 从<canvas>就像这段代码中所做的那样:

https://github.com/miohtama/Krusovice/blob/master/src/tools/resizer.js https://github.com/miohtama/Krusovice/blob/master/src/tools/resizer.js

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

jquery画布图像下载 的相关文章

  • $(this) 在 jQuery 中如何工作

    jQuery 标签是如何实现的 this 到底工作吗 我知道如何使用它 但是 jQuery 如何知道哪个元素是 活动的 用于获取当前项目的原始 Javascript 标签是什么 还是只是 jQuery The this是一个简单的 java
  • 如何在按键时更新一组文本字段并避免在提交时重置表单?

    我正在尝试制作一个简单的转换器 例如 但在 JavaScript 中 您输入以吨为单位的数量 它会显示一堆根据输入计算出的不同数字 有点像这样 这是我尝试过的
  • 如何从 ui 和事件获取类/id

    如何从中获取任何元素的 id 和类名ui event任何函数 请参阅下文以获得清晰的理解 div div div div div div div div JS function drag class draggable drop class
  • 按值对 JSON 进行排序

    我有一个非常简单的 JSON 对象 如下所示 people f name john l name doe sequence 0 title president url google com color 333333 f name micha
  • 如何在jquery中检索多个级别的所有子元素的类名?

    我想检索多个级别的子元素的类名 我正在尝试遵循 但它只给出了后子元素的类名 我究竟做错了什么
  • onclick 函数上的 CSS 选择器

    有没有办法让CSS选择器onclick function 您可以在onclick https stackoverflow com questions 24365416 select element which have specific a
  • 如何将 div (或任何元素)覆盖在表格行 (tr) 上?

    我想在恰好有多个列的表行 tr 标记 上覆盖一个 div 或任何可以使用的元素 我尝试了几种方法 似乎都不起作用 我在下面发布了我当前的代码 我确实得到了一个覆盖 但不是直接覆盖在该行上 我尝试将覆盖顶部设置为 div Bottom css
  • HTML代码可以像CSS文件一样附加到HTML页面吗?

    HTML 代码可以像 CSS 文件一样附加到 HTML 页面吗 这样 如果所有页面中都复制了部分 HTML 代码 我可以将其放在一个文件中 然后轻松修改它 谢谢 Ahmed 是的 可以 使用框架 但不推荐 Example 此代码将允许您重用
  • 使用画布元素作为文本区域

    我正在寻找有关如何使用类似于文本区域的画布元素的直接描述 我见过这样的项目Ace http ace ajax org 只是想知道如何像文本区域一样写入该区域 只是纯文本 没有什么花哨的 提前致谢 Ace 曾经是 Mozilla Skywri
  • 使用 jQuery 将光标位置处的文本插入到 CKEditor

    我正在尝试使用 jQuery 将一段文本添加到现有的 CKEditor 单击链接时需要完成此操作 我尝试了这个解决方案 它适用于常规文本区域 但不适用于 CKEditor jQuery fn extend insertAtCaret fun
  • 从元素中删除 jquery imgareaselect 插件

    所以我使用这个简洁的 jquery 插件http odyniec net projects imgareaselect http odyniec net projects imgareaselect 它工作正常 但我用 jquery ui
  • 如何使用 jquery 从 URL 获取域名?

    我有 eq 的域名 1 http www abc com search 2 http go abc com work 我从上面的 URL 中仅获取域名 输出如 1 http www abc com 2 http go abc com 我能怎
  • 数据表“footerCallback”函数未在页脚中显示结果

    我尝试获取每列的总和并将结果显示在页脚中 我在用着 页脚回调 https datatables net reference option footerCallbackDatatables提供的功能 但是它在页脚中没有显示任何内容 数据表解释
  • 禁用整个站点的 IE8 加速器

    是的 我知道有类似的问题 https stackoverflow com questions 499565 is it possible to disable ie8 accelerators on my website在 SO 上 但它已
  • 很奇怪!调用 window.location 或 location.replace 会重定向到该页面,然后再次返回!

    我处于调试模式 因此我可以看到正在访问哪个页面 当我打电话时window location or window location replace 它会转到该页面 然后返回原始页面 怎么会这样 解决方案是添加 window location
  • 使用 AJAX 获取发布数据

    我正在尝试从 Wordpress 帖子 AJAX 中提取内容 我已经在下面列出了迄今为止我的努力 加载的脚本 wp enqueue script my ajax request get stylesheet directory uri js
  • 阻止通过 GET 传递“提交”按钮值?

    我正在尝试通过 GET 传递表单信息 这很重要 这样人们就可以将表单选择中过滤后的数据发送给其他人 问题是 使用下面的代码 它不仅传递过滤器信息 还传递提交表单值 如下所示 index php month filter Feb year f

  • 有多少像素? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 一个有多少像素 br 标签添加 我知道 br 高度可以通过CSS控制line height财产 不同浏览器的值是否相同 它会添加与浏览
  • div 之间的额外空间从何而来?

    http www lethalmonk6 byethost24 com index html http www lethalmonk6 byethost24 com index html 如果您使用 firebug 检查 项目链接 div
  • 角度 ng-repeat 根据条件添加样式

    我在 div 列表上使用 ng repeat 并且在渲染此 div 的 json 中手动添加项目 我需要定位我在 json 中添加的最后一个 div 它会自动在屏幕上渲染 即 couse 光标所在的位置 其余部分保持在相同位置 但没有给出渲

随机推荐

  • 如何提高加速度计和指南针传感器的精度?

    我正在创建一个增强现实应用程序 当手机面向兴趣点 GPS 位置存储在手机上 时 它可以简单地可视化文本视图 文本视图绘制在屏幕中的兴趣点位置上 它工作正常 问题是指南针和加速度计非常 变体 并且文本视图由于传感器的准确性而不断左右上下移动
  • 如何在输入Bootstrap Datepicker中仅显示年份?

    我使用以下代码仅显示年份 datepicker datepicker viewMode years minViewMode years 但输入以格式显示 dd mm yyyy 由于我没有格式 我该如何解决这个问题 yyyy 尝试这个 dat
  • Flex 子项上的文本溢出省略号不起作用[重复]

    这个问题在这里已经有答案了 我有一个容器flex 我希望中间的孩子占据整个空间 所以我设置了它flex 1 到目前为止 一切都很好 下一个级别是中间的孩子有 2 个孩子 所以我也想将其设置为 Flex 如果你迷失了我 只需跳到片段 第一个孩
  • 如何抑制有关已弃用 api 的 javac 警告?

    当我编译时 javac 输出 Note Some input files use or override a deprecated API Note Recompile with Xlint deprecation for details
  • 如何将文件保存到 iPhone 上?

    我有一个问题 你们大多数人可能会觉得有点奇怪 我正在为 OS X 制作一个应用程序 但我需要它来将文本文件写入 iPhone 文件夹 我知道 iPhone 必须连接到电脑 而且我认为发送电子邮件不起作用 我认为这就像在连接时找到 iPhon
  • 作为 iOS 应用程序向 Google Cloud Endpoints 进行身份验证(不是具有 Google 帐户凭据的用户)

    我的一个 iOS 应用程序使用 Google Cloud Endpoints 联系我的一项服务 我想限制该应用程序实例对该服务的访问 我已按照有关添加的说明进行操作授权 https developers google com appengi
  • 我们可以在 Mysql 查询中使用 PHP 函数 strtotime [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我有以下 MySQL 语法 这给了我一个错误 我知道你不能直接比较日期变量 所以我使用strtotime创建 Unix 时间戳来比较日
  • 尽管设置为 1.7,IntelliJ IDEA 13 仍使用 Java 1.5

    尽管在所有项目设置中指定了 JDK 1 7 包括File gt Project Structure gt Project Project SDK 则产生以下错误IntelliJ 13当尝试编译一些使用菱形运算符的简单 Java 7 代码时
  • Spring:当我的类已经用@RestController注释时,为什么我仍然应该使用@RequestBody?

    我目前正在将 Java 和 Spring 用于我的 Web 服务应用程序 我正在使用 RestController希望消除使用注释的需要 ResponseBody and RequestBody注释 不幸的是 删除 RequestBody注
  • “程序中出现杂散'\226'”编译器错误[重复]

    这个问题在这里已经有答案了 我写了下面的代码 其目的是实施一个双向链表 但出现了错误 while x 1 This line showed errors return 1 Errors DoublyLinkedList c In funct
  • 如何在 django 中为模板应用背景图像

    在我的网站中 在特定的表格中 我必须插入图像作为背景 我这样做了 但图像看起来像双图像 因为图像小于单元格宽度和高度 它正在重叠 在背景图像单元格中 我使用 no repeat 来结束同一图像的重复显示 但它不起作用 我正在 django
  • 如何使用 UIImagePickerController 呈现 ViewController

    我试图提出一个ImagePicker 然后在用户选择图像后 呈现图像编辑ViewController用户可以在其中操作图像 然后将编辑后的图像发送回原始图像ViewController 问题 是否有一种标准或最佳实践方法从初始 ViewCo
  • 使用 QtDesigner 的 pyQt 信号/槽

    我正在尝试编写一个与 QGraphicsView 交互的程序 我想在 QGraphicsView 中发生事件时收集鼠标和键盘事件 例如 如果用户单击 QGraphicsView 小部件 我将获得鼠标位置 类似的东西 我可以很容易地对其进行硬
  • 如何从 __subclasses__ 中删除类?

    当从类继承时 子类可以通过父类访问 subclasses method class BaseClass pass class SubClass BaseClass pass BaseClass subclasses
  • std::forward 的实现

    我正在阅读新 C 概述 C 11 14 仅限 PDF http www artima com shop overview of the new cpp 在幻灯片 288 中它给出了一个实现std forward template
  • 在 collectionView 单元格上添加边框

    每次用户单击特定单元格时 该单元格都会有边框 问题是当我来回滚动时 边框会选择随机单元格来设置边框 func collectionView collectionView UICollectionView didSelectItemAt in
  • 使用 TABS 时 DataTable.js 无法正确加载

    我使用 DataTables js 生成表 非常棒 运行良好 我想将选项卡添加到我的 页面 但似乎当在主选项卡以外的其他选项卡上使用 DataTables 时 它不会加载所有内容 First Tab 2nd Tab 以下是添加了 DataT
  • 如何修复 scanf 将数据放入数组中?

    有人可以就 scanf 提出建议吗 message 是一个 4 行 x 16 列的数组 用户输入数字 全部为 1 位整数 后 按 Enter 键时会出现错误消息 正如所说 可能与 scanf 有关 for int i 0 i lt M i
  • 如何将 Chosen 合并到我的 React 项目中?

    我想使用 jquery 插件Chosen https harvesthq github io chosen 在我的项目中 我安装了 jQuery 并通过 npm 选择 npm i jquery chosen js S 这两个库现在都位于我的
  • jquery画布图像下载

    我有我的画布元素和一些 div 单击后我希望打开下载 画布快照 现在我有 save live click function e var image canvas toDataURL image png true var imageEleme