簡體   English   中英

JEdi​​torPane 內圖像上的文本

[英]Text over an image inside a JEditorPane

有沒有辦法在JEditorPane添加帶有文本的圖像?

以下標記應該有效:

<html>
<head>

<div width='150' height='150' style='position: relative;'>
  <img src='img_snow_wide.jpg' style='width: 100%; height: 100%; object-fit: cover;' />
  <div style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'>
    BLAH
  </div>
</div>

</body>
</html> 

用作JEditorPane的文本時不起作用(鍵入"text/html" )。

雖然 camickr 是(主要是 - Swing HTML 渲染支持 HTML 3.2 的一個子集)是正確的,但它對 CSS 的有限支持讓您失望。

這個 HTML/CSS 有效。

String html = 
        "<html>"
        + "<body>"
        + "<div style='width: 370px; height: 220px; color: white; "
        + "background-image: url(https://i.stack.imgur.com/lxthA.jpg);'>"
        + "<p style='text-align: center;'>Observatory Silhouette!</p>"
        + "</div>"
        + "</body>"
        + "</html>";

在此處輸入圖片說明

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM