Question

我在HTML5游戏中看到一个可以旋转，隐藏和移动的元素但它有背景......元素是透明的。

例如，这会移动元素：

$("#elementr2").animate({left: '650px'});

我可以完美捕捉它，因为它是透明的。

我该怎么办？

Answer 1

您的意思是要下载图片资源吗？您可以检查网络选项卡并在那里找到资源。它可能是独立的，也可能是精灵表。只需通过.png过滤列表，然后右键单击资产，在新窗口中打开，右键单击，另存为。

Answer 2

好的......如果你能做到这一点：

$("#elementr2").animate({left: '650px'});

然后，您可以设置覆盖整个屏幕的完美白色背景，并在其上方仅显示所需元素。

// This will set a white background.
var myBackground = $("<div>").attr("style","width:100%;"+
                                   "height:100%;"+
                                   "top:0;"+
                                   "right:0;"+
                                   "bottom:0;"+
                                   "left:0;"+
                                   "background-color:#FFF;"+
                                   "position:fixed;"+
                                   "z-index:999999;"
                                  );

// This will bring the element you want above the background.
$("body").append(myBackground);
$("#elementr2").css({"position":"fixed",
                     "z-index":"1000000",
                    });

如何在没有源的情况下获取透明元素的图像？

2 个答案: