问题标签 [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.
html - Fabric.js - 绘制多个图像 zindex 的问题
我正在使用这个脚本:
第三张图像绘制工作正常,并在另一张上显示。但是,如果我添加第 4 个,它就会隐藏在第 3 个后面。如果我指定图像的 zindex ,它仍然只低于第 3 位。
这有什么问题?我在这里做错了吗?请帮忙。
谢谢
彼得
html - html5画布drawImage没有alpha
我想知道是否可以不使用 alpha 通道但保持透明度。我需要的是根据 alpha 值绘制或不绘制像素(我的 png 文件)
如果 alpha 通道 > 128 绘制像素,则不绘制像素!
谢谢
google-chrome - 为什么在画布上绘制动画 gif 仅在重新选择选项卡后才会更新?
我想在画布上显示一个动画 gif,并应用了一些转换。为了进行测试,我目前只是尝试在画布上显示动画 gif,因此它本质上等同于将 gif 显示为常规<img>
标签。
我正在使用 Chrome 和webkitRequestAnimationFrame
. 在每个请求帧上,我都会绘制图像。当 gif 帧发生变化时,这应该反映在画布上。这仅部分有效:
- 仅仅看画布并不能让它更新。相反,开始绘制一个静止的帧。
- 重新选择选项卡(即选择另一个选项卡并再次选择画布选项卡)确实会将其更新为新框架,但之后它会再次冻结。
这是我设置的小提琴:http: //jsfiddle.net/eGjak/93/。
如何在画布上绘制动画 gif并使其实际动画化?
.net - 从粉红色的背网格图像中正确剪切图像以进行绘制
看看上面的图片。我正在创建基于图块的游戏的(娱乐)。在我的其他精灵中,我只是将地形方块放入网格中,它们是实心的,所以没有问题。这里的问题是,如果我现在使用这个角色,它会试图显示他身后的粉红色(他是 16x16)。
我正在使用 System.Graphics 来显示项目(并在使用 graphics.DrawImage() 时将它们剪掉)。有什么办法可以让它忽略特定的颜色并使它们透明吗?
我正在使用 VB.net,所以所有 .net 答案都是可以接受的。
对于评论中的一点(或答案中的额外点),使用粉红色网格包含所有精灵的方法是什么?
c# - 如何在列表框中绘制图像以及 listboxItem [c# winforms]
(我正在使用 c# 在 winforms 中工作)我有一个列表框,其中添加了一些项目。我的问题是我想在列表框中的每个项目的左侧绘制一个图像。任何人都可以提出任何想法吗?提前致谢。
我可以通过使用 ImageList 来做到这一点。
但我想这样使用
c# - C#在图片框中移动位图
我用 LockBits 从数组中循环创建图像并缩放到 PictureBox.Width * n 和 Height:
在下一次迭代中:
简而言之:我剪切并复制了会移动图片的部分图像,但没有得到任何东西。是否可能是因为上一步的规模?也许我错了。建议将新位图移动并添加到末端的算法。
html - HTML5 - 画布 drawImage 的意外结果
我只是在学习如何使用 HTML5 画布元素。我已经成功地绘制了矩形、调用getImageData
、操作像素,然后putImageData
看到矩形改变颜色等。
现在我正在尝试将图像加载到我遇到障碍的画布中。在调用drawImage
画布的上下文之后,fillRect
只在没有绘制图像的区域绘制,就像它在图像后面绘制矩形一样,即使它被调用 after drawImage
。此外,putImageData
停止工作,即使在包含矩形的可见区域上,我的像素操作也不再发生。如果我用 注释掉该行drawImage
,它会再次起作用。
我想要做的是像处理矩形一样操作图像中的像素。有什么理由不这样做吗?
绘制图像代码:
绘制矩形代码:
操作像素代码:
javascript - drawImage() 未绘制预加载的图像对象。使用面向对象的 JavaScript
我正在使用 JavaScript + Canvas 编写一个简单的 2D 横向卷轴游戏。我正在尝试在学习 OO JavaScript 时这样做。我遇到了一个问题,即我的图像不会绘制到画布上,尽管已正确加载。这是代码:
我检查了代码,我知道图像正在正确加载。运行时不会出现错误,图像“foreground-land.png”根本不会出现在画布上!
javascript - 按比例调整图像大小以适合 HTML5 画布
我正在尝试编写一个 jQuery 插件,它具有与 Zazzle.com 上基于 Flash 的产品编辑器类似的功能。我需要知道的是,如何使用context.drawImage()
画布功能插入图像并调整其大小以适合画布而不扭曲它。
图像是 500x500 像素,画布也是如此,但由于某种原因,当我将图像尺寸设置为 500x500 时,它太大了。
到目前为止,这是我的完整代码:
也欢迎任何其他建设性的批评。
java - 如何将图像放在屏幕的左上角?
我有一张图片,它出现在左下角,我希望它出现在左上角。我已经尝试了不同的 x,y 坐标,但仍然相同,它没有改变。我知道这并不难,但我只是感到困惑。请帮我解决这个问题。呵呵... T_T,提前谢谢。
这是我的代码: