问题标签 [drawimage]

我正在尝试用 Java 制作图像，现在我正在使用本地目录中的图像，它工作正常。但是，如果我可以将图像放在一个文件夹中并引用图像的路径来绘制它们，那就太好了，但到目前为止我还无法做到这一点。

现在我的代码基本上是：

只要 iconPath 是本地路径，它就可以正常工作。但我不知道如何让它适用于非本地路径或子目录。

我正在尝试在用户控件的背景上绘制图像（JPG、TIFF、PNG）。我的用户控件将使用矩形突出显示图像的某些部分。如果我绘制未缩放的图像，它们看起来是正确的。但是当我绘制然后 Scaled [Fit to Page] 时，图像看起来不正确。对于PNG，有时它甚至无法加载图像。

该应用程序不是图像处理应用程序，但我仍然想显示缩放的图像并且可以正确查看图像。

谢谢--韩

我正在构建一个应用程序，它从相机（30fps @ 640x480）捕获视频帧，处理它们，然后在 Windows 窗体上显示它们。我最初使用的是 DrawImage（见下面的代码），但性能很糟糕。即使禁用了处理步骤，在 2.8GHz Core 2 Duo 机器上我能得到的最好效果也是 20fps。在 Windows 窗体上启用了双缓冲，否则我会撕裂。

注意：使用的图像是格式 Format24bppRgb 的位图。我知道 DrawImage 应该使用 Format32bppArgb 格式的图像更快，但我受到来自图像采集卡的格式的限制。

我尝试将 Managed DirectX 9 与 Textures 和 Spites 一起使用（见下文），但性能更差。我对 DirectX 编程非常陌生，所以这可能不是最好的 DirectX 代码。

我需要它才能在 XP、Vista 和 Windows 7 上工作。我不知道是否值得尝试 XNA 或 OpenGL。这似乎应该是一件非常简单的事情。

我正在使用 HTML5 画布开发一个简单的 JavaScript 游戏。这是一个非常典型的游戏循环设置，包括：

• init() 函数，用于初始化要使用的游戏场对象，随机化一些开始 x/y 位置和类似的设置任务
• 绘制所有游戏对象的 draw() 函数，包括一些简单的画布形状和一些图像
• setInterval 每 25 毫秒调用一次绘图

在开始这个项目时，我在 init() 函数的末尾调用了 setInterval，因此它会在您加载页面后立即开始绘制和动画，并且一切正常。现在我已经走得更远了，我想在加载时绘制一个完全填充的静态游戏场，然后使用一个按钮来启动主游戏循环间隔。所以我在 init() 的末尾添加了一个对 draw() 的调用，问题是当我这样做时，所有的画布形状都被正确绘制，但没有图像呈现在画布上。

如果我让 draw() 运行几次，它们会渲染，比如......

...但这似乎很愚蠢。为什么一次调用 draw() 不起作用？我已经在 Chrome 和 Firefox 的控制台中记录了这些对象，它们的一切看起来都很好；他们已经有适当的 img src 路径和起始 x/y 值可用于传递以分配给创建的新 Image()，然后通过我的 canvas.2dcontext.drawImage() 方法调用。

我正在 Chrome 6 和 Firefox 3.6.10 中对此进行测试，他们都对这种行为感到困惑。Chrome 的控制台中没有显示任何错误或问题，但如果我尝试仅在 Firefox 抛出此错误后调用 draw()：

未捕获的异常：[异常...“组件返回失败代码：0x80040111（NS_ERROR_NOT_AVAILABLE）[nsIDOMCanvasRenderingContext2D.drawImage]”nsresult：“0x80040111（NS_ERROR_NOT_AVAILABLE）”位置：“JS 框架 :: http://localhost/my-game-url / :: drawItem :: 317行”数据：无]

我的谷歌搜索该错误提示图像损坏，但它们都在 Preview 和 Photoshop 中打开，没有任何问题。

如果在已经具有非整数比例因子的画布上绘制图像，则画布上下文 drawImage() 方法会出现问题。似乎这些图像以一种奇怪的方式被剪裁（有时图像的最右边部分被剪裁，有时最底部被剪裁，有时两者都被剪裁）。这个问题至少出现在 Google Chrome 6（至少稳定）、Chromium 6，甚至可能是最新的（dev-）版本，甚至 Safari 5 中。Firefox 没有这个错误。显然，如果我没记错的话，这是一个 Webkit 问题。让我们看一下下面的代码（提供了完整的演示代码）：

那么它是一个真正的错误吗？或者有什么解决方法吗？

提前致谢。

升级版：

假设我们有以下 BASE64 编码的 3x5 图像：

我一直在使用 drawImage 导致一些视频爆炸，如本教程中所述： http ://www.craftymind.com/factory/html5video/CanvasVideo.html

我还希望能够使用 drawImage 操作其他对象。问题是，当我在除图像/视频（例如 Iframe）以外的任何内容上尝试此操作时，我会收到类型错误。

• 有没有办法解决这个问题？
• 有没有办法在我的 html5 页面上获取任意控件的“像素”？

大家好，我不确定这是否可行，但我正在尝试使用 Graphics 方法 - DrawImage 为图像动态添加工具提示。当图像被鼠标悬停或任何东西时，我看不到任何属性或事件，所以我不知道从哪里开始。我正在使用 WinForms（在 C# - .NET 3.5 中）。任何想法或建议将不胜感激。谢谢。

我采用了来自webbreakstuff的 Canvas 落雪解决方案。

现在，我想让它看起来好像这雪是从云中掉下来的。

我有一张云图，cloud.png.

我想通过 JavaScript 创建它，如下所示：

现在，我想让它画在两个画布之一的前面（要么 要么bgcanvas）fgcanvas，但我不知道如何根据context.drawImage.

有人可以帮我弄清楚该图像的放置位置以及如何放置吗？

谢谢。

当我尝试使用图形库 C# 在另一个图像上绘制图像时，它会缩放小图像并覆盖第一个图像：

我正在使用 GDI+ 在 C++ CWnd 窗口中显示 JPG。JPG 具有纯白色背景，0xffffff，但是当使用 graphics.DrawImage 显示时，背景是灰白色的，混合了像素颜色，例如 0xfff7f7、0xf7fff7、0xf7f7f7。下面是代码，我尝试了CompositingMode、SmoothingMode等各种设置，图片没有缩放。

奇怪的是，背景颜色会根据图像中的其他非白色内容而有所不同。如果我制作一个简单的全白 JPG，那么它就可以工作，或者甚至是一个只有一些黑色文本的大部分白色。图像比较如下所示。

在这里，我仅在图像的左侧有文本和一些混合（没有 alphas，这是 JPG）。右边的一切都是纯白色的。你可以看到背景都是灰色的。

在这里，我开始删除内部内容（仅在左侧）。在某个点之后，整个背景开始显示为白色。？？？

在图像区域开始显示白色之前删除图像区域的哪一部分并不重要，只要我删除它的大部分即可。pngs也是如此。

这是原始 test.jpg 图像...