- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
似乎 clearRect
没有将我的 BufferedImage
设置为透明而是黑色。创建一个新的 BufferedImage 可以,但我不想产生太多垃圾。我的国际象棋程序有以下代码:
//graphics
private Graphics2D g2d;
private Graphics2D gLayer1;
private Graphics2D gLayer2;
private Graphics2D gLayer3;
public BufferedImage imgLayer1;
private BufferedImage imgLayer2;
private BufferedImage imgLayer3;
private Game() throws IOException {
//initialize...
imgLayer1 = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_ARGB);
gLayer1 = imgLayer1.createGraphics();
imgLayer2 = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_ARGB);
gLayer2 = imgLayer2.createGraphics();
imgLayer3 = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_ARGB);
gLayer3 = imgLayer3.createGraphics();
}
//main
public static void main(String[] args) throws IOException {
//initialize frame
}
public void run() {
while (isRunning) {
updateGraphicsLayer1();
updateGraphicsLayer2();
updateGraphicsLayer3();
repaint();
}
}
protected void paintComponent(Graphics g) {
g2d = (Graphics2D) g;
g.drawImage(imgLayer1, 0, 0, null);
g.drawImage(imgLayer2, 0, 0, null);
g.drawImage(imgLayer3, 0, 0, null);
g2d.dispose();
}
public void updateGraphicsLayer1() {
if (redrawLayer1) {
gLayer1.clearRect(0, 0, WIDTH, HEIGHT);
//draw this layer
}
}
public void updateGraphicsLayer2() {
if (redrawLayer2) {
gLayer2.clearRect(0, 0, WIDTH, HEIGHT);
//draw this layer
}
}
public void updateGraphicsLayer3() {
if (redrawLayer3) {
gLayer3.clearRect(0, 0, WIDTH, HEIGHT);
//draw this layer
}
}
这就是我得到的:
我必须做什么?如何清除图层,使它们透明?
最佳答案
所以,这就是我过去所做的...当我使用 swing 将 BufferedImage
绘制到 Component
时,我将单独设置像素颜色值。
同样的概念可以应用于清除BufferedImage
。您可以通过调用bi.setRGB()
来设置像素int[]
。您需要提供相当多的参数来设置数组,但不用担心,我将逐一介绍。
bi.setRGB(intstartingX,intstartingY,intwidth,intheight,int[]sourceArray,intoffset,intscanSize);
在此实例中,startingX 和startingY 应为0。
宽度和高度是您所期望的(bi.getWidth()、bi.getHeight()
)
sourceArray 将是用 0 填充的 int[]
在本例中偏移量应为 0
scanSize 只是 bi.getWidth()
那么,让我们看一些代码来清除 BufferedImage
int[] pixels = new int[bi.getWidth()*bi.getHeight()];
Arrays.fill(pixels, 0);
bi.setRGB(0, 0, bi.getWidth(), bi.getHeight(), pixels, 0, bi.getWidth());
如果这不能清除您的 BufferedImage
,那么您要么没有使用 BufferedImage.TYPE_INT_ARGB
创建 BufferedImage
,要么您读取图像,它只是一个缺少 Alpha channel 的 24 位彩色图像
关于java - clearRect 绘制黑色而不是透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43922079/
所以我每秒做一个正方形,沿着页面慢慢移动。然后我调用 clearRect 来清除 Canvas ,这样旧的方 block 就会被移除,只剩下新的方 block ,但我做错了什么, Canvas 没有被
似乎 clearRect 没有将我的 BufferedImage 设置为透明而是黑色。创建一个新的 BufferedImage 可以,但我不想产生太多垃圾。我的国际象棋程序有以下代码: //graph
ClearRect 的工作方式很奇怪;我试图刷新 Canvas ,但它不适用于此代码 Crypt
为准备 Flash 的衰落,我正在尝试在 AS3 和 Javascript 之间转换。 然而,有些事情让我感到困惑(可能是由于缺乏知识)。在 Flash 中,我可以创建并明确修改我在舞台上绘制的对象的
我正在用 javascript 做一个 Pong 游戏来学习制作游戏,我想让它面向对象。 我无法让 clearRect 工作。它所做的只是画一条越来越长的线。相关代码如下: function Ball
我在正文 onmousemove 函数上使用此脚本: function lineDraw() { // Get the context and the canvas: var canv
所以我用 JavaScript 制作了这个太空入侵者游戏。我现在的问题是,当敌人左右移动时,他们不会清除矩形,因此您可以看到他们的镜头,如下所示: 我只是想知道我可以解决什么问题来解决这个问题。如果您
我正在尝试在 Canvas 中绘制矩形,用户单击该点并移动鼠标,将绘制矩形,完成后只剩下一个矩形,即最后一个。然而使用 let canvas = document.querySelector("can
我在 HTML5 Canvas 上使用 clearRect 重绘矩形。使用浮点坐标时,clearRect 在 Canvas 上留下我的矩形的边框。 以下代码演示了使用整数坐标的矩形被完全清除而使用浮点
我的这幅 Canvas 动画展示了一些奇怪的特征: http://jsbin.com/olasol/2/edit 我使用的是最新版本的 Chrome。我正在使用 Chrome 的内置 FPS 监视器(
我想用 Canvas 在一张图片上画多幅画。 在我的代码中,我使用 ctx.clearRect(0,0,canvas.width,canvas.height);因此,它不允许我做多幅画。如果我没有使用
我在工作中遇到了一个用 Canvas 构建东西的奇怪边缘案例。 clearRect 在绘制从 Canvas 顶部到底部的垂直线时不会清除 Canvas 。渲染其他东西时,clearRect 工作正常。
这不是完整的代码,其他部分只是大括号和一些函数。它是循环中要做的事情的主要部分。我想要获得具有边框半径(如 Angular )的矩形,以便通过它们查看 Canvas 下的内容。但我只是第一次得到cle
我想知道如何改变我的Javascript以仅清除掉落的 Sprite ,而不是整个 Canvas (就像目前所做的那样)。 我希望在 Canvas 上放置多个其他(动画) Sprite ,这些 Spr
我有一些代码应该清除 rect() 中 50px 宽的间隙。但由于某种原因它不起作用。我尝试了几种不同的方法,但似乎无法使其发挥作用。任何帮助将不胜感激! 我的代码 var canvas = docu
我正在研究 html canvas 并尝试制作简单的动画。我想让矩形向右移动。你可以在这里查看我的代码。 http://codepen.io/inkluter/pen/GgeQqj var x = 0
下面的代码适用于 Chris 类(class)“圆周运动”教程,但我不明白为什么我的clearRect 不起作用。这一定是我没有看到的东西,我现在还有另外两个 Canvas 动画正在工作,但这一个不会
我想用 javascript 和 html canvas 制作一个动画,只是让一个矩形从窗口的顶部移动到底部,我使用 canvas.clearRect 清除 Canvas 上的所有像素,但是,看起来这
我是 HTML5 新手,开始学习 Canvas 。 目前,我正在使用 Canvas 使一些对象旋转。我创建的矩形确实会移动,但是,我遇到了一个问题,在对象移动后,一些阴影仍然存在,正如您从我捕获的图像
我正在为 html5 canvas 制作一个文本缓存系统。我需要知道哪一个性能更好。使用 clearRect 清除现有 Canvas 还是再次创建 Canvas ? 编辑:添加了一些代码。 funct
我是一名优秀的程序员,十分优秀!