How do I make a WebView transparent?
Nathan Osman
Consider the following QML snippet:
Page {
WebView {
id: webView
anchors.fill: parent
}
}
I then attempt to load some HTML in the WebView using the following JavaScript:
webView.loadHtml('<b>test</b>');
However, the WebView has a white background:
(Ignore the fact that the text is too small.)
Is there a way to make the background transparent?
Sylvain Pineau
You could try QtWebKit.experimental. If you add import QtWebKit.experimental 1.0 to your QML files, your WebView objects will have access to experimental attributes:
import QtQuick 2.0
import QtWebKit.experimental 1.0
import Ubuntu.Components 0.1
MainView {
id: main
width: units.gu(100)
height: units.gu(75)
Page {
id: mypage
Rectangle {
color: "green"
anchors.fill: mypage
WebView {
id: webView
anchors.fill: parent
experimental.transparentBackground: true
}
}
Component.onCompleted: webView.loadHtml("<p>Hello</p>");
}
}
Obviously you'll get this kind of warning:
WARNING: The experimental API will change from version to version, or even be removed. You have been warned!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
In GIMP, how do I make part of image transparent manually?
- 2
How do I draw transparent Rectangles using DirectX in C++?
- 3
How to make a window transparent in Gnome?
- 4
Can I make text transparent in konsole?
- 5
How do I add Webkit webview to the Ubuntu SDK?
- 6
How do I make variable in for loop bigger that in was
- 7
How do I make a "for" loop for this sequence of arrays?
- 8
How do I make a decorator typesafe in TypeScript?
- 9
How do I make a Range reverse on condition?
- 10
How do I make a border padding for a UITextField?
- 11
How do I make use of rotation matrices?
- 12
How do I make a table of indexes
- 13
How Do I Make A Rectangle in GEOS?
- 14
How do I make stdin a tty?
- 15
how do i make my code shorter
- 16
How do I make space on /boot?
- 17
How do I make coffee with Ubuntu?
- 18
How to make a window transparent while moving it
- 19
How to make center of barcode scanner transparent?
- 20
How to Make Page in UIWebView fit to the WebView
- 21
How do I make Chromium use Flash from Google Chrome?
- 22
How do I make a desktop icon to launch a program?
- 23
How do I define preprocessor macros through MinGW make
- 24
how do i make a response bot not keep responding?
- 25
How do I make cron work with a specific app engine module?
- 26
How do I make a heap queue of objects in python?
- 27
How do I make a function use the altered version of a list in Mathematica?
- 28
How do I make a binary counter with the <ol> tag?
- 29
How do I make the power function, doubles and [..] working together in frege?
몇 마디 만하겠습니다