我一直未能找到详细说明有关 Html5 Canvas 元素的限制的文档，例如它可以加载的最大图像文件大小是多少等。我问的原因是我一直在尝试调整图像大小，范围从通过 ctx.scale() 从 50kb 到 2.0mb，但它一直非常不一致，因为对于同一图像，有时 ctx.drawImage() 会成功，而有时会失败(不成功的是没有重新缩放的图像出现在 Canvas 中)。
我还放置了 console.log(base64) 来监视 var base64 = canvas.toDataURL() 的结果，并且注意到当成功调整大小后，调整大小的 base64将是预期的相当长的字符串，当调整大小时不成功时，字符串仍然会出现但相对较短并输出空白图像。
这是否与内存限制和不成功的字符串缠绕有关？如果是这样，对 canvas 元素施加的内存限制是什么？
最佳答案
首先:
硬性限制取决于浏览器，而不是 Canvas API。
即使那样，浏览器也一直在尝试改进该性能，因此该数字始终在变化。
但是随着 WebGL 和 Canvas 被用来制作游戏，纹理图集/ Sprite 图集是巨大的 .jpg/.png 文件。
很有可能您的图像较小，我经常在 Canvas 中使用 4MB/5MB/16MB 图像进行演示。
一个巨大的图像(或几十个)可能会使选项卡崩溃，如果它足够大，但直到那时，canvas 才真正向我提示。
第二:
存在安全限制。
在 canvas 中编辑照片取决于您使用的浏览器，以及文件是否与您的网站位于同一域中。
第三:
当您说“大文件不起作用，但它们有时...”
...这让我相信您的图像加载方法有问题。
如果你这样做:
var canvas = document.createElement("canvas"),
context = canvas.getContext("2d"),
img = new Image();
img.src = "//mydomain.com/myimg.png";
context.drawImage(img, 0, 0, img.width, img.height);
...或任何其他既不是基于事件也不是基于回调的东西，
那么您的问题与 canvas 无关，并且与回调有关，并且您试图在图像加载完成之前将图像绘制到 Canvas 上。
如果您的浏览器已经缓存了大图的副本，或者如果小图只需几分之一秒即可下载，则没有问题。
如果您尝试下载一个 18MB 的图像，并在设置图像的 url 后立即将其绘制到 Canvas 上，那么您将得到一个空白屏幕，因为它尚未完成加载。
相反，您需要等待图像完成加载，然后准备就绪后将其绘制到 Canvas 上。
var canvas = document.createElement("canvas"),
context = canvas.getContext("2d"),
image = new Image();
image.onload = function () {
var img = this,
width = img.width,
height = img.height;
canvas.width = width;
canvas.height = height;
context.drawImage(img, 0, 0, width, height);
document.body.appendChild(canvas);
};
image.src = "//mydomain.com/path-to-really-huge-image.png";
现在它可能是 16MP 图像。在文件加载完成之前不会发生任何事情。
然后，onload 事件触发，并完成其余的设置。
您可以使它更抽象，并将其变成一个漂亮的程序，但感觉这是您可能缺少的关键部分。
关于javascript - Html5 Canvas 限制，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13526977/
我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这
所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示，但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题，而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda
我想用Nokogiri解析HTML页面。页面的一部分有一个表，它没有使用任何特定的ID。是否可以提取如下内容:Today,3,455,34Today,1,1300,3664Today,10,100000,3444,Yesterday,3454,5656,3Yesterday,3545,1000,10Yesterday,3411,36223,15来自这个HTML:TodayYesterdayQntySizeLengthLengthSizeQnty345534345456563113003664354510001010100000344434113622315
我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
考虑一下:现在这些情况:#output:http://domain.com/?foo=1&bar=2#output:http://domain.com/?foo=1&bar=2#output:http://domain.com/?foo=1&bar=2#output:http://domain.com/?foo=1&bar=2我需要用其他字符串输出URL。我如何保证＆符号不会被转义？由于我无法控制的原因，我无法发送&。求助!把我的头发拉到这里:\编辑:为了澄清，我实际上有一个像这样的数组:@images=[{:id=>"fooid",:url=>"http://
我正在使用Maruku，将Markdown(超集)转换为HTML，你知道我该怎么做才能从HTML转换为Markdown吗？ 最佳答案 Google发现了一个名为reverse_markdown的ruby脚本.它似乎可以满足您的需求。 关于ruby-on-rails-我需要从HTML转到markdown，有什么建议吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/175162