Прямоугольник над существующим изображением, а затем отобразите изображение

Question

В настоящее время я работаю над рамкой zk, которая была предоставлена ​​zkoss, я могу отображать изображение на веб-странице, но я хочу поместить красные выровненные прямоугольники над некоторыми полями. Я пытаюсь это:

// рисует прямоугольник над буферизацией частных недействительных drawRectangles() {

Graphics2D graphics = image.createGraphics(); 

Iterator iterator = setOfRectangles.iterator(); 
while(iterator.hasNext()) { 
    Rectangle rect = (Rectangle)iterator.next(); 
    graphics.drawRoundRect(rect.x, rect.y, rect.height, rect.width, 5, 5); 
} 
graphics.dispose(); 

}

Я называю этот метод в другом методе, который реагирует на события загрузки.

Я также сохраняю загруженное изображение в этом классе.

но это не работает, если я могу каким-то образом получить изображение после рисования всех прямоугольников, тогда я могу поместить это изображение на веб-страницу, но я не понимаю, как это сделать. Спасибо всем за чтение и ответ.

Answer 1

Это то, что я сделал, и его работы:

Graphics2D graphics = image.createGraphics(); 

Iterator iterator = setOfRectangles.iterator(); 
while(iterator.hasNext()) { 
    Rectangle rect = (Rectangle)iterator.next(); 
    float thickness = 3.0F; 
    Stroke stroke = graphics.getStroke(); 
    graphics.setStroke(new BasicStroke(thickness)); 

    graphics.drawRoundRect(rect.x, rect.y, rect.height, rect.width, 5, 5); 
    graphics.setStroke(stroke); 
    graphics.setColor(Color.RED); 
} 

wholeImage.setContent(image); 
graphics.dispose(); 

После выполнения этой нагрузки весь образ в

Answer 2

С точки зрения общей Java, экспортировать Graphics2D вы на самом деле хотите, чтобы получить Graphics2D от BufferedImage и это BufferedImage вы пишете в файл.

BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB); 
Graphics2D g2 = bi.createGraphics(); 
for(Rectangle rect : setOfRectangles) { 
    graphics.drawRoundRect(rect.x, rect.y, rect.height, rect.width, 5, 5); 
} 
ImageIO.write(bi, "PNG", new File("myPicture.png")); 

Это не связано с ZK, и вы найдете много ссылок на SO и в других местах. Вы получите обычный файл изображения, который может отображаться в ZK, как обычно.

Это, я бы рекомендовал альтернативный подход. В зависимости от вашего конкретного варианта использования это, вероятно, можно сделать с помощью чистого CSS. CSS-Tricks имеет хороший учебник под названием «Text Blocks Over Image», в котором исследуется идея. Вам не нужен текст в вашем div, просто нажмите на него border, оставьте background-colortransparent и расположите его по мере необходимости.