无法创建 Canvas 快照

发布于 2024-08-10 11:09:35 字数 293 浏览 4 评论 0原文

在我的应用程序中，画布对象的高度 = 90 px &宽度 = 86400 px（表示一天的秒数 [60 * 60 * 24] ）。画布是可滚动的，用户可以在其中添加或删除组件。

现在，我想要整个画布和画布的快照。将其缩小到 910x30 大小，以便在另一个画布上绘制拍摄的快照。

有人能告诉我如何拍摄这么大的组件的快照吗？

我尝试在 BitmapData 对象中拍摄快照，但由于它的最大宽度为 2880，无法提供整个画布快照。

还有其他可能的想法吗，如果有，请告诉我。

欢迎提出建议。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

灯角 2024-08-17 11:09:35

我还没有对此进行测试，但是如果您完全忽略 BitmapData 并直接从客户端计算机获取结果会怎样？像这样：

var imgSnapshot:ImageSnapshot = ImageSnapshot.captureImage(savableCanvas,72,new PNGEncoder(),false);
            var bArray:ByteArray = imgSnapshot.data;

            var fileRef:FileReference = new FileReference();
            fileRef.save(bArray,"mySavedImage.png");

另外，你的问题是否有拼写错误，86,400像素是要处理的大量数据，你可能应该使用一些服务器端代码和平铺技术来处理这个问题（想想谷歌地图）..这样，如果您使用 php，您可以使用 imagick 并裁剪所需的动态创建的部分。现在，如果它是 8,640px，那么那就是另一个故事了，请查看 Google Code 上的 BitmapDataUnlimited。别担心，它是商业友好的。然而，它确实是有代价的，那么大的画布需要很好地管理，并且在使用后立即丢弃，考虑到 12k x 12k bitmapData 对象据说至少需要 1GB 内存......

I haven't tested this out, but what if you dismissed the BitmapData all together and just took the result straight from the client computer? like this:

var imgSnapshot:ImageSnapshot = ImageSnapshot.captureImage(savableCanvas,72,new PNGEncoder(),false);
            var bArray:ByteArray = imgSnapshot.data;

            var fileRef:FileReference = new FileReference();
            fileRef.save(bArray,"mySavedImage.png");

Also, are there typos on your question, 86,400 pixels is a hell of a lot of data to be dealing with and you should probably be handling this with some server-side code and tiling techniques (think, Google Maps)... this way if you were say using php, you could use imagick and crop the needed dynamically-created-section. Now if it were 8,640px, then that's another story, look into BitmapDataUnlimited on Google Code. And don't worry, it's commercial friendly. However, it does come at a price, that large of a canvas needs to be managed quite well, and discarded immediately after it's use is threw considering that a 12k x 12k bitmapData object is said to be at least 1GB of memory...

回复收藏 0 原文