已解决!
通过不断的研究、搜索论坛和源代码仓库,我拼凑出了只使用libwebkit和标准的compiz桌面(任何带有合成功能的Xorg桌面都可以)来完成此操作所需的必要步骤。
对于当前的libwebkit(1.1.10-SVN),有一个Ubuntu PPA:
deb http://ppa.launchpad.net/webkit-team/ppa/ubuntu jaunty main
deb-src http://ppa.launchpad.net/webkit-team/ppa/ubuntu jaunty main
就代码而言,关键在于调用webkit_web_view_set_transparent
函数。
当然,你运行它的系统应该有一张能力强大的显卡(如Intel、Radeon或NVIDIA),并且运行一个类似Compiz的组合窗口管理器。
最后,为了真正看到透明效果,你所查看的内容必须使用CSS3设置透明背景,否则它仍然完全不透明。
这很简单:
BODY { background-color: rgba(0,0,0,0); }
这里是最简单的支持透明度的 WebKit 浏览器应用程序的完整示例:
#include <gtk/gtk.h>
#include <webkit/webkit.h>
static void destroy_cb(GtkWidget* widget, gpointer data) {
gtk_main_quit();
}
int main(int argc, char* argv[]) {
gtk_init(&argc, &argv);
if(!g_thread_supported())
g_thread_init(NULL);
GtkWidget* window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
GdkScreen *screen = gtk_widget_get_screen(window);
GdkColormap *rgba = gdk_screen_get_rgba_colormap (screen);
if (rgba && gdk_screen_is_composited (screen)) {
gtk_widget_set_default_colormap(rgba);
gtk_widget_set_colormap(GTK_WIDGET(window), rgba);
}
gtk_window_set_default_size(GTK_WINDOW(window), 800, 800);
g_signal_connect(window, "destroy", G_CALLBACK(destroy_cb), NULL);
gtk_window_set_decorated(GTK_WINDOW(window), FALSE);
WebKitWebView* web_view = web_view = WEBKIT_WEB_VIEW(webkit_web_view_new());
webkit_web_view_set_transparent(web_view, TRUE);
gtk_container_add (GTK_CONTAINER(window), GTK_WIDGET(web_view));
webkit_web_view_load_uri(web_view, "http://stackoverflow.com/");
gtk_widget_grab_focus(GTK_WIDGET(web_view));
gtk_widget_show_all(window);
gtk_main();
return 0;
}
![屏幕截图!](https://istack.dev59.com/pZok0.webp)