问题标签 [drawimage]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3459 浏览

javascript - 使用 html5 画布的 toDataURL 绘制图像

我现在正在做的事情如下:

我正在使用 toDataURL 方法存储画布的状态,并且我还尝试使用 drawImage 方法在画布上绘制它。

这是一个片段:

我在控制台中收到以下错误:

414(请求 URI 太大)

有没有办法只使用 toDataURL 方法在画布上绘制图像?

0 投票
1 回答
169 浏览

video - 如何使用视频帧的图像创建画布

我希望使用画布的 drawimage 来创建有效的视频标签截图(当前正在播放)。我知道这是可能的,但我不清楚如何。

灵感来源: http ://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/

0 投票
1 回答
1050 浏览

vb.net - 在图片框中覆盖 DrawImage (VB.NET)

我有一个使用DrawImage在图片框中绘制图像的程序。这个图像,一个球(.png 透明),每秒都会被另一个不同颜色的球覆盖。3-5 秒后,由于覆盖,球的边缘变坏了。

我尝试在任何覆盖之前使用FillRectangle清理背景,但我需要保留 Windows 窗体背景。我怎样才能做到这一点?

0 投票
2 回答
1192 浏览

java - 图像未显示在 java 框架中

想在java中学习windows编程,想将图像显示到一个框架中。这是问题代码:

我已经看到一些成功的示例子类化 Component 类并在paint方法中调用 Graphics.DrawImage 方法。为什么非要那样做,就不能直接抓取frame关联的Graphics对象,直接画图吗?

0 投票
1 回答
2375 浏览

java - 用类在Java中裁剪图像?

我一直在尝试这样做大约一个星期。每次我尝试某些事情都失败了。所以我转向复制其他人的代码......他们说这些代码对他们有用......但对我来说却失败了。

我最终喜欢的一段代码来自以下。

如何在 Java 中裁剪图像 (StackOverflow)

所以然后我基本上复制/制作了这个。

这段代码出现以下错误。

错误 2

错误 1

我在这里先向您的帮助表示感谢!

0 投票
1 回答
2079 浏览

javascript - HTML5 Canvas 替换为

我正在尝试将 HTML5 Canvas 替换为简单<div> 但我不知道如何替换这一行:

也许有人知道如何将其替换为<div>

示例: http: //jsfiddle.net/HDpMW/5/(此代码来自 glacialflame.com)

0 投票
3 回答
1235 浏览

c# - WinForms 上的 DrawImage() 函数无法正常工作

当我尝试使用以下方法将此位图绘制为 2 像素宽时,我创建了一个 1 像素宽和 256 像素高的位图:

位图未正确绘制,因为每个位图列之间有白色细条纹。看下面的简单代码

0 投票
1 回答
121 浏览

html - drawImage 的一次性、一次性 IMG

当我createElement("IMG")仅出于使用“”在 2d 画布中使用它的目的时,drawImage临时 IMG 是否有资格进行垃圾收集?还是画布会保留对它的引用(如果是,我该如何清除此引用)?

0 投票
2 回答
2146 浏览

html - 使用 clearRect 擦除使用 drawImage 绘制到画布的 png 图像的一部分

是否可以使用 clearRect 删除使用 drawImage 绘制到画布上的 png 图像的一部分?

我正在尝试这样的事情,但它不起作用:

然后使用 clearRect 用鼠标擦除。擦除适用于使用 drawLine 添加到画布的笔画,但不适用于使用 drawImage 的图像。它必须是 clearRect 而不是绘制纯色,因为背景不是纯色。是否有可能做到这一点?

0 投票
3 回答
84366 浏览

javascript - 如何从 Canvas 上的 HTML5 File API 绘制图像?

我想在画布上绘制使用 HTML5 File API 打开的图像。

在该handleFiles(e)方法中,我可以使用 访问文件,e.target.files[0]但无法直接使用drawImage. 如何从 HTML5 画布上的 File API 绘制图像?

这是我使用的代码: