个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
26
4
我正在尝试 (1) 通过 Canvas 生成图像，(2) 将其转换为图像文件，(3) 通过 ajax 将该图像文件发布到 cfc，以及 (4) 在 CFDocument 标记中渲染它。目前我已经完成了前三个步骤，但是当我渲染 PDF 时，我得到了一串困惑的数据。
如有任何帮助，我们将不胜感激。谢谢!我已经分享了下面的代码...
页面...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Canvas Image To CFDocument Via toDataURL() and AJAX</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<a href="#" id="makePdfLink">Make PDF</a>, <a href="aPdf.pdf">View PDF</a>
<canvas id="myCanvas"></canvas>
<script>
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
$("#makePdfLink").click(function() {
var canvas = document.getElementById('myCanvas');
var image = new Image();
image.id = 'pic';
image.src = canvas.toDataURL();
var data = new FormData();
data.append('pdfBody',image.src);
$.ajax({
url: 'PDF.cfc?method=make',
data: data,
cache: false,
contentType: false,
dataType: "json",
processData: false,
type: 'POST',
success: function(results){
console.log('success',results);
},
error: function(results){
console.log('error',results);
}
});
});
</script>
</body>
</html>
...和 CFC...
<cfcomponent>
<cffunction name="make" access="remote" returnformat="json" returntype="any" output="true">
<cfscript>
request.acceptExt = 'image/jpeg,image/gif,image/png';
</cfscript>
<cfdocument format="pdf" overwrite="yes" filename="aPdf.pdf" localurl="true">
<cfdocumentitem type="header">the header</cfdocumentitem>
<cfdocumentitem type="footer">the footer</cfdocumentitem>
<cfdocumentsection><cfoutput>#pdfBody#</cfoutput> </cfdocumentsection>
</cfdocument>
<cfreturn SerializeJSON(form) />
</cffunction>
</cfcomponent>
最佳答案
在离开这个之后，我挠了挠头，做了更多的研究，我已经解决了这个问题!我正在转换 base 64 字符串并将其保存到文件系统，然后再将其绘制为 PDF。我也在 http://www.christophervigliotti.com/2014/05/from-canvas-to-pdf-via-ajax/ 上分享了这个解决方案。
<cfcomponent>
<cffunction name="make" access="remote" returnformat="json" returntype="any" output="true">
<cfargument name="pdfBody" type="any" required="true" />
<cfset request.acceptExt = 'image/jpeg,image/gif,image/png' />
<!--- read the base 64 representation of the image --->
<cfset cfImageObject = ImageReadBase64(pdfBody) />
<!--- create a new cf image object --->
<cfimage source="#cfImageObject#" destination="aPng.png" action="write" overwrite="yes">
<cfdocument format="pdf" overwrite="yes" filename="aPdf.pdf" localurl="true">
<cfdocumentitem type="header">the header</cfdocumentitem>
<cfdocumentitem type="footer">the footer</cfdocumentitem>
<cfdocumentsection>
<cfoutput>
<!--- it works! --->
<img src="aPng.png" />
</cfoutput>
</cfdocumentsection>
</cfdocument>
<cfreturn SerializeJSON(form) />
</cffunction>
</cfcomponent>
关于javascript - 通过 AJAX 将 Canvas 标签生成的图像发送到 CFDOCUMENT，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23794556/
26
4
0
我正在使用 Coldfusion10 并遇到此错误: The following information is meant for the website developer for debuggin
我知道以前有人问过这个问题，但解决方案是 2.5 多年前的，所以我问是否有人设计或知道使用 CF9 解决问题的更优雅的解决方案。任何人都可以确认 CF10 是否支持“page-break-inside
如何在创建 PDF 的 cfdocument 中调整页脚的大小？ My Header This text I want to be my foo
使用 cfdocument 时，我们的某些页面的顶行被切断，导致无法阅读。我知道 7 中有一个错误，据说在 8 中已修复。我们正在使用 8,0,1,195765，但问题仍然存在。我所有的搜索都将我引向
我有一个通过 CFDocument 标签生成的 PDF。当它生成 PDF 时，您单击“打印机”图标以弹出打印对话框。对于页面大小调整和处理，如果将其设置为“适合”或“缩小超大页面”，则打印效果很好。如
在这里，根据我的业务逻辑，我应该支持所有语言。所以我根据国家/地区选择显示了一个字符串。我这边一切正常。但是遇到问题 cfdocument .在这里，我想出了我的示例/演示代码。 注意:我已经看过 C
我正在使用 cfdocument 创建一个多页文档(使用动态文本创建，因此可以有任意数量的页面，甚至一页)。 我可以用 为每一页添加页脚，但有什么办法只能在文档的最后一页添加页脚？ 谢谢。 最佳答案
我正在 ColdFusion 中创建动态 PDF，但遇到“分页”问题。相关页面可能有 1 条记录，或最多 60 条以上记录。每条记录显示在表的 2 行中。一些返回的记录在页面之间拆分(第一行位于第一页
下面的 HTML/CSS 在最近的浏览器中有效，但在 CF9 的 cfdocument 中无效。有人有想法吗？ 我知道什么？是的!我知道 CF 的 cfdocument 支持一组有限的 CSS 属性。
我正在使用 cfdocument 标签从 html/css 动态生成一个 PDF 文件。有些内容 block 我不想跨越多个页面。 经过一些搜索，我发现根据文档支持样式“page-break-insi
我一直在使用 Coldfusion cfdocument 生成 PDF。然而，自从我的试用期到期后，我的 PDF 文件上就出现了这个难看的水印，上面写着“Adobe ColdFusion Develo
我通过 cfdocument 生成一个 pdf 文件并将其发送给用户。但是图像没有出现在该 pdf 文档中。 我不确定我应该使用什么类型的路径绝对/相对以及 localurl 属性的值应该是什么？ 最
我有一个使用 创建 PDF 的小脚本写一个PDF。它看起来像这样(最小化代码): ☒ 当我的数据包含像 ☐ 这样的高 ASCII 字符时(☑) 我收到一个错误:
我在 CFdocument 上看到参数，例如高度、宽度和单位，但没有 DPI。如何设置 DPI？ 最佳答案 我认为这是不可能的。 PDF 是后记，因此任何文本都可以很好地缩放，如果您的图像质量不适合打
实际的 table 比我要给你看的模型大很多，但这个模型确实解释了这个问题。请转http://www.monteandjanicechan.com/test_table.cfm 表格中网格线的粗细在
我目前正在使用 cfdocument 标签创建 PDF。该 PDF 只不过是一堆指向其他 PDF 的链接。 所以我创建了这个 PDF 索引，链接都是 HREF Another PDF 如果我将 loc
我有以下 cfdocument 代码:
我正在使用 CFDOCUMENT 在 CF9.0.1 中创建 PDF。但是，每次我使用 CFDOCUMENT 生成新的 PDF 时，输入相同，MD5 哈希值似乎不同。 测试代码很简单: I am ha
是否有解决方法可以使用 cfdocument 标签将页面/文件另存为 Excel 工作表而不是 PDF 文件？ 我已经设置了一个流程来制作 pdf 文件并将其通过电子邮件发送出去，并且希望我的客户可以
今天早上我在使用 cfdocument 标记时遇到了一些问题。当用户运行报表时，报表就会挂起。该报告已运行多年，没有出现任何问题。我什至取出了所有代码并只添加了以下内容。 this is a test
我是一名优秀的程序员,十分优秀！