Javascript:在图像加载之前正在绘制画布

文章/答案/技术大牛

发布

2回答

javascript、html

我正在尝试制作一个全部为174x174像素的图像拼贴。程序成功地找到了图像，这些图像都位于我的服务器上。但是，只有当我点击两次“保存图像”按钮时才能找到它。这让我相信画布是在img标签加载源代码之前绘制的。当我向img.onload添加警报功能时，这一点得到了确认。这是单击“保存图像”按钮时触发的函数。

浏览 4提问于2018-07-31得票数 1

1回答

来自图像源的画布像素动画

javascript、html、image-processing、canvas、html5-canvas

我在理解canvas javascript api时遇到了一点小问题。我想做的是在内存中加载两个png，这样我就有了它们的字节数组，并用requestAnimationFrame循环做了一些动画。但我喜欢加载它们，而不是只在内存中显示它们，并访问一些动画效果的字节。问题是，我该如何做这样的事情。从我的观察中，我了解到我可以通过getImageData从canvas中获取字节。但这需要一个附加到DOM的画布和一个drawImage调用。这是正确的吗？有没有一种方法可以在不绘制或绘

浏览 1提问于2013-06-11得票数 0

1回答

显示GIF的JavaScript函数

javascript、css、html、html5-canvas

我正在尝试写一个关于僵尸的游戏，我需要显示一个GIF，但我的函数showGif不工作，我不知道为什么。你能帮帮我吗?可能有更多的错误，而不仅仅是在函数中，我希望你能指出它们，这样我就可以学习了。

浏览 43提问于2018-07-14得票数 1

回答已采纳

3回答

使用javascript同步加载图像

javascript、ajax、image、canvas

我需要同步加载一个图像，也就是说，我需要暂停执行javascript，直到图像加载完成。由于image.onload是异步的，所以main函数将在加载图像之前返回。我使用的是canvas，如果main函数在图像加载之前返回，那么画布中的其他内容将在图像之前绘制。这是行不通的，因为在画布

浏览 2提问于2009-07-19得票数 10

3回答

如何控制画布对象的z索引？

javascript、html、canvas

当我在画布上画一些物体时，有时新的物体放在旧的下面。例如，我将一些图像添加到画布中，然后画一条线。当我运行代码时，图像是行的顶端。我在网上搜索一个解决方案。但没有一个直截了当的解决方案。(在某些情况下，它被视为一个bug！)在探险家。我怎么能控制z指数？style="display: none;"> <canvas id="c1" style="border:1px solid #998800"&g

浏览 0提问于2013-01-10得票数 5

回答已采纳

1回答

如何在Vaadin画布上绘制框下的图像？

java、canvas、vaadin、drawimage

目前，我有一个画布，我将首先画一个图像，然后所有其他画布鼠标绘制功能进来(以绘制框)。我也有一个撤销功能，它将删除最后绘制的框，清除整个画布，并将所有剩余的框重新绘制回画布上。然而，在撤销之后，图像将以某种方式出现在盒子的顶部并覆盖它们，而不是像它应该的那样出现在下面。以前，我在HTML5中使用z索引修复了这个问题，但是不知道如何使用Java方法来解决这个问题。

浏览 1提问于2018-12-17得票数 0

回答已采纳

1回答

调用clearRect后，HTML5画布不能在Chrome中重绘

javascript、html、canvas

我有以下简化的小提琴示例，它可以在IE中工作，但不能在Chrome中工作(没有错误，只是在Chrome中清除canvas后没有图像被重新绘制)： // redraw functionmyApp.canvas.height = $(window).height(); // start redraw loop}); 如果你在IE如果您在Chrome中打开它

浏览 9提问于2013-03-12得票数 3

回答已采纳

1回答

画布图像故障

javascript、firefox、html、canvas

我在JavaScript和Canvas上遇到了问题，尤其是在火狐上。我正在尝试创建一个canvas图像查看器，它将在浏览器中启用canvas时运行，而不是标准的img标记。单击箭头时，Javascript会更改src路径数组中的图像。由于某些原因，Firefox总是有一个img不同步。当我在chrome中测试它时，img是同步的，但是第一个不显示。这是图像对象image.src =

浏览 0提问于2011-06-01得票数 3

回答已采纳

1回答

创建不带背景的kineticjs层

javascript、kineticjs

我目前有一些javascript，它从变量接收图像并将其加载到画布中。画布在div中，以便使用kineticjs。我正在用下面的代码加载一个正六边形： { container: 'containery: 0 draggable: true polyLayer.add(hexagon)

浏览 6提问于2014-11-25得票数 0

1回答

基于Windows8 html5 canvas的应用程序中的奇怪行为

debugging、windows-8、html5-canvas

我正在开发一个Windows8 JavaScript应用程序。我尝试在画布中加载图像，但当我直接使用CTRL + F5运行应用程序时，应用程序会运行，但画布上没有图像。当我在没有放置断点的情况下调试应用程序时，应用程序直接打开，但仍然没有图像。当我调试应用程序并放置一个breakpoint，然后一步一步地运行代码时，图像生成完成后，我通过单击调试符号继续调试，现在图像显示

浏览 0提问于2012-12-09得票数 1

回答已采纳

1回答

使用画布将文件输入到blob

javascript、html、image-processing、canvas

image/*" capture="user"> </body><script src="js/idbConn.js"></script> });</script> 试图直接将文件插入indexedDB，但是blob

浏览 1提问于2020-01-12得票数 2

回答已采纳

1回答

javascript:在地下绘制图像并保存

javascript、jquery、html、canvas、cesium

我正在开发Censiumjs，这是一个javascript地图库。我想从json数据制作一个热图，并将其渲染到地图上。目前我的想法是使用heatmap javascript插件在隐藏的画布上绘制热图，然后将画布保存为图像文件，最后在地图上渲染图像。谢谢你

浏览 3提问于2014-10-17得票数 0

2回答

确保drawImage在HTML5画布上绘制图像

javascript、html5-canvas、drawimage

我正在为canvas制作一个多项选择问答游戏，用户可以上传他们自己的图像来获得多项选择答案。我们将非常感谢您的帮助。在画布上绘制</

浏览 0提问于2013-04-06得票数 0

回答已采纳

1回答

在画布上绘制之前向图像添加滤镜

javascript、html、css、canvas、html5-canvas

在画布上绘制图像之前，我正在尝试添加一个css过滤器。这是我的javascript。canvas.getContext('2d'); layer.draw();如果我将此图像加载到它渲染的画布以外的任何内容中但我在画布上看不到饱和

浏览 9提问于2017-02-22得票数 4

回答已采纳

1回答

切片地图Javascript无法绘制

javascript、html

xpos += 100; xpos = 0; </script> 我想我的问题是图像尺寸都是请帮帮忙，这是我的第一个javascript项目。

浏览 0提问于2015-08-20得票数 0

2回答

HTML5画布重影动画问题？

javascript、html、animation、graphics、canvas

我已经看了很多关于如何使用javascript和request动画帧制作合适的HTML5动画的教程，甚至在演示中，动画看起来也很模糊，就像正在重绘的图像在短时间内留下了自己的重影一样。有谁知道让画布效果不那么明显的方法吗？

浏览 2提问于2012-11-07得票数 1

回答已采纳

1回答

如何修复clearRect？

javascript

作为一个介绍，我是JS的初学者，所以也许下面这个问题的答案很简单，但我没有看到。let canvas = document.getElementById('canvas')canvas.width = window.innerWidthimg.onload = function() { ctx.drawImage(img, 0, 0); }; img.sr

浏览 0提问于2019-06-03得票数 0

回答已采纳

1回答

绘制图像后获取画布数据的麻烦

javascript、html、canvas

这段代码运行良好，应该是： canvas.id我想画一些图像到画布，然后，获得像素数据(包括鼠标位置和像素的阿尔法).我怎么能意识到这一点？

浏览 3提问于2014-08-26得票数 1

回答已采纳

2回答

HTML 5页面上的多个画布元素

jquery、html、jquery-plugins、html5-canvas

我是否可以在HTML 5页面上有多个画布，每个画布上都有一个图像。我基本上需要在我的应用程序的所有图像上使用，这个插件要求图像在画布上。拥有多个画布和其中的一个图像，会影响或降低页面的性能吗？

浏览 3提问于2012-10-05得票数 2

回答已采纳

点击加载更多