问题标签 [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 投票
2 回答
10304 浏览

html - Fabric.js - 绘制多个图像 zindex 的问题

我正在使用这个脚本:

第三张图像绘制工作正常,并在另一张上显示。但是,如果我添加第 4 个,它就会隐藏在第 3 个后面。如果我指定图像的 zindex ,它仍然只低于第 3 位。

这有什么问题?我在这里做错了吗?请帮忙。

谢谢
彼得

0 投票
1 回答
2538 浏览

html - html5画布drawImage没有alpha

我想知道是否可以不使用 alpha 通道但保持透明度。我需要的是根据 alpha 值绘制或不绘制像素(我的 png 文件)

如果 alpha 通道 > 128 绘制像素,则不绘制像素!

谢谢

0 投票
1 回答
3523 浏览

google-chrome - 为什么在画布上绘制动画 gif 仅在重新选择选项卡后才会更新?

我想在画布上显示一个动画 gif,并应用了一些转换。为了进行测试,我目前只是尝试在画布上显示动画 gif,因此它本质上等同于将 gif 显示为常规<img>标签。

我正在使用 Chrome 和webkitRequestAnimationFrame. 在每个请求帧上,我都会绘制图像。当 gif 帧发生变化时,这应该反映在画布上。这仅部分有效:

  • 仅仅看画布并不能让它更新。相反,开始绘制一个静止的帧。
  • 重新选择选项卡(即选择另一个选项卡并再次选择画布选项卡)确实会将其更新为新框架,但之后它会再次冻结。

这是我设置的小提琴:http: //jsfiddle.net/eGjak/93/

如何在画布上绘制动画 gif并使其实际动画化

0 投票
1 回答
129 浏览

.net - 从粉红色的背网格图像中正确剪切图像以进行绘制

在此处输入图像描述

看看上面的图片。我正在创建基于图块的游戏的(娱乐)。在我的其他精灵中,我只是将地形方块放入网格中,它们是实心的,所以没有问题。这里的问题是,如果我现在使用这个角色,它会试图显示他身后的粉红色(他是 16x16)。

我正在使用 System.Graphics 来显示项目(并在使用 graphics.DrawImage() 时将它们剪掉)。有什么办法可以让它忽略特定的颜色并使它们透明吗?

我正在使用 VB.net,所以所有 .net 答案都是可以接受的。

对于评论中的一点(或答案中的额外点),使用粉红色网格包含所有精灵的方法是什么?

0 投票
2 回答
1291 浏览

c# - 如何在列表框中绘制图像以及 listboxItem [c# winforms]

(我正在使用 c# 在 winforms 中工作)我有一个列表框,其中添加了一些项目。我的问题是我想在列表框中的每个项目的左侧绘制一个图像。任何人都可以提出任何想法吗?提前致谢。

我可以通过使用 ImageList 来做到这一点。

但我想这样使用

0 投票
2 回答
4140 浏览

c# - C#在图片框中移动位图

我用 LockBits 从数组中循环创建图像并缩放到 PictureBox.Width * n 和 Height:

在下一次迭代中:

简而言之:我剪切并复制了会移动图片的部分图像,但没有得到任何东西。是否可能是因为上一步的规模?也许我错了。建议将新位图移动并添加到末端的算法。

0 投票
2 回答
2455 浏览

html - HTML5 - 画布 drawImage 的意外结果

我只是在学习如何使用 HTML5 画布元素。我已经成功地绘制了矩形、调用getImageData、操作像素,然后putImageData看到矩形改变颜色等。

现在我正在尝试将图像加载到我遇到障碍的画布中。在调用drawImage画布的上下文之后,fillRect只在没有绘制图像的区域绘制,就像它在图像后面绘制矩形一样,即使它被调用 after drawImage。此外,putImageData停止工作,即使在包含矩形的可见区域上,我的像素操作也不再发生。如果我用 注释掉该行drawImage,它会再次起作用。

我想要做的是像处理矩形一样操作图像中的像素。有什么理由不这样做吗?

绘制图像代码:

绘制矩形代码:

操作像素代码:

0 投票
2 回答
1459 浏览

javascript - drawImage() 未绘制预加载的图像对象。使用面向对象的 JavaScript

我正在使用 JavaScript + Canvas 编写一个简单的 2D 横向卷轴游戏。我正在尝试在学习 OO JavaScript 时这样做。我遇到了一个问题,即我的图像不会绘制到画布上,尽管已正确加载。这是代码:

我检查了代码,我知道图像正在正确加载。运行时不会出现错误,图像“foreground-land.png”根本不会出现在画布上!

0 投票
1 回答
9394 浏览

javascript - 按比例调整图像大小以适合 HTML5 画布

我正在尝试编写一个 jQuery 插件,它具有与 Zazzle.com 上基于 Flash 的产品编辑器类似的功能。我需要知道的是,如何使用context.drawImage()画布功能插入图像并调整其大小以适合画布而不扭曲它。

图像是 500x500 像素,画布也是如此,但由于某种原因,当我将图像尺寸设置为 500x500 时,它太大了。

到目前为止,这是我的完整代码:

也欢迎任何其他建设性的批评。

0 投票
1 回答
466 浏览

java - 如何将图像放在屏幕的左上角?

我有一张图片,它出现在左下角,我希望它出现在左上角。我已经尝试了不同的 x,y 坐标,但仍然相同,它没有改变。我知道这并不难,但我只是感到困惑。请帮我解决这个问题。呵呵... T_T,提前谢谢。

这是我的代码: