Tag: todataurl

html2canvas和toDataURL生成的图像有水平线

我循环遍历10-14个html元素,并在数组中生成图像数据,以便以后用于插入PDF。 问题是这些图像偶尔会有一条水平线,这似乎是html2canvas的一个现存问题。 主要发生在FF和IE中,而且发生在Chrome上,但不常见。 function convertElementsToImages(containerSelector) { if (_this.pdfDebug) { window.console.log(‘convertElementsToImages’); window.console.log(containerSelector); } var eles = $(containerSelector + ‘ > *’), q = $q.defer(), temp = []; //convert to canvas angular.forEach(eles, function(ele, eleKey) { convertElementToImage(ele).then(function(imageData) { temp[eleKey] = imageData; //last one, hopefully all previous elements have been resolved if (eles.length === eleKey + 1) { q.resolve(temp); […]

尝试使用输入类型文本传递超过524288字节的ToDataURL

我正在尝试使用Canvas的DataURL(使用JavaScript)创建图像。 当用户点击提交时,该值将被发送到输入类型文本标记(例如, ),但是,显然在Chrome上,文本在长度为524,288个字符时会被截断。 我将它发送到输入标签,因为我需要在PHP中获取值(作为$ _POST [‘dataurltext’];),以便我可以创建一个图像并将其上传到我的Web服务器。 关于如何绕过这个长度的任何想法? 我应该使用评论框吗? 感谢您的帮助,我们将不胜感激。