是否可以使用WebKit在清晰的背景上呈现Web内容？

我正在尝试测量WebKit补丁的可能性,这将允许所有渲染的图形渲染到完全透明的背景上.

所需的效果是呈现没有任何背景的Web内容,它应该浮动在桌面上(或浏览器窗口后面显示的任何内容).

有没有人看过应用程序这样做？(我可以想到一些终端模拟器可以.)如果有人在WebKit内部工作(或者可能是Gecko？)你认为有可能这样做吗？

---

更新:我已经意识到Mac OSX仪表板小部件使用这种确切的技术.所以,这一定是可能的.

---

更新2:我在linux上编译了WebKit并注意到配置选项包括:

--enable-dashboard-support
enable Dashboard support default=yes

我越走越近了.有人可以帮忙吗？

---

更新3:我继续在各种相关邮件列表的帖子中找到对此的引用.

https://lists.webkit.org/pipermail/webkit-dev/2008-September/005019.html

https://lists.webkit.org/pipermail/webkit-dev/2009-June/008182.html

Mark Renouf.. 27

解决了!

通过不断的研究,搜索论坛和源代码存储库,我将使用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 
#include 

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);

  // Create a Window, set colormap to RGBA
  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);

  // Optional: for dashboard style borderless windows
  gtk_window_set_decorated(GTK_WINDOW(window), FALSE);


  // Create a WebView, set it transparent, add it to the window
  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));

  // Load a default page
  webkit_web_view_load_uri(web_view, "http://stackoverflow.com/");

  // Show it and continue running until the window closes
  gtk_widget_grab_focus(GTK_WIDGET(web_view));
  gtk_widget_show_all(window);
  gtk_main();
  return 0;
}

截图!http://i27.tinypic.com/2qntlxl.jpg

1> Mark Renouf..：

---

解决了!

通过不断的研究,搜索论坛和源代码存储库,我将使用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 
#include 

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);

  // Create a Window, set colormap to RGBA
  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);

  // Optional: for dashboard style borderless windows
  gtk_window_set_decorated(GTK_WINDOW(window), FALSE);


  // Create a WebView, set it transparent, add it to the window
  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));

  // Load a default page
  webkit_web_view_load_uri(web_view, "http://stackoverflow.com/");

  // Show it and continue running until the window closes
  gtk_widget_grab_focus(GTK_WIDGET(web_view));
  gtk_widget_show_all(window);
  gtk_main();
  return 0;
}

截图!http://i27.tinypic.com/2qntlxl.jpg

---

干得好.我不确定CSS3是透明背景所必需的; 我会有旧的CSS1`BODY {background-color:transparent; 会工作的.虽然没试过.

---

有一点需要注意,在加载Flash这样的插件时会出现这种情况,这些插件不需要ARGB色彩空间.当他们尝试通过XEmbed API绘制到屏幕时,应用程序崩溃(X11:BadMatch错误).