无码免费在线不卡,成人性网站,亚洲精品www

Visual Paradigm教程：如何使用Open API為你的圖表生成圖像映射

原創(chuàng)|使用教程|編輯：郝浩|2017-07-12 17:20:45.000|閱讀 513 次

概述：圖像映射功能支持用戶創(chuàng)建指向HTML文檔中特定部分圖片的超級(jí)鏈接。使用Open API你可以將Visual Paradigm的圖表導(dǎo)入為圖像文件，并生成帶有圖像映射的HTML文檔。用戶只需要點(diǎn)擊圖表圖像就可以跳轉(zhuǎn)到你所定義的URL地址。在本文中，將為你展示如何將圖表導(dǎo)出為圖像，并為其生成圖像映射。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

圖像映射功能支持用戶創(chuàng)建指向HTML文檔中特定部分圖片的超級(jí)鏈接。使用Open API你可以將Visual Paradigm的圖表導(dǎo)入為圖像文件，并生成帶有圖像映射的HTML文檔。用戶只需要點(diǎn)擊圖表圖像就可以跳轉(zhuǎn)到你所定義的URL地址。在本文中，將為你展示如何將圖表導(dǎo)出為圖像，并為其生成圖像映射。

獲取輸出文件夾

我們首先通過(guò)文件選擇器JFileChooser來(lái)獲取用戶的輸出文件夾，并指定它為只接收文件夾。

// Create file chooser for picking the output directory
JFileChooser fileChooser = ApplicationManager.instance().getViewManager().createJFileChooser();
fileChooser.setDialogTitle("Specify output folder");
fileChooser.setDialogType(JFileChooser.DIRECTORIES_ONLY);
int returnValue = fileChooser.showSaveDialog(null);
// if user selected a folder then proceed to genrate the image map
if (returnValue == JFileChooser.APPROVE_OPTION) {
  File outputFolder = fileChooser.getSelectedFile();
  outputFolder.mkdirs();

將圖表導(dǎo)出為圖像

當(dāng)我們獲取到輸出文件夾后，需要將當(dāng)前的圖表導(dǎo)出為圖像文件并保存到用戶指定的位置。我們可以使用來(lái)執(zhí)行導(dǎo)出操作，導(dǎo)出的圖像會(huì)進(jìn)行修整以填充周圍的空白空間。這意味著我們從圖表中獲取的圖形坐標(biāo)不會(huì)體現(xiàn)到實(shí)際導(dǎo)出圖像的位置。為了獲得修整的偏移量我們?cè)趀xportActiveDiagramAsImage中引入了java.awt.Point對(duì)象。在導(dǎo)出圖像之后，Point對(duì)象將會(huì)由偏移的X和Y構(gòu)成，我們可以使用它來(lái)計(jì)算輸出圖像中元素的移動(dòng)位置。

// Create point object to retrieve the trimmed offset between actual diagram and exported diagram 
Point offsetPoint = new Point();
// Obtain the ModelConvertionManager
ModelConvertionManager convertionManager = ApplicationManager.instance().getModelConvertionManager(); 
// Ask ModelConvertionManager to export active diagram into SVG image to the output folder.
// The Point object will filled with offset value after export diagram to image. 
convertionManager.exportActiveDiagramAsImage(new File(outputFolder.getAbsolutePath() + File.separator + "image.png"), 
                        ModelConvertionManager.IMAGE_TYPE_PNG, offsetPoint);

生成帶有圖像映射的HTML

在將圖表導(dǎo)入為圖像之后，我們可以開(kāi)始生成HTML內(nèi)容和圖像映射，我們將通過(guò)創(chuàng)建StringBuffer來(lái)保存HTML和圖像映射內(nèi)容。

StringBuffer sb = new StringBuffer();
sb.append("<html><head></head><body>\n");
sb.append("<img src=\"image.png\" usemap=\"#imgmap\"/>\n");
sb.append("<map name=\"imgmap\">\n");

對(duì)于我們從圖表中獲得的每個(gè)圖形，我們會(huì)為它創(chuàng)建一個(gè)矩形的映射區(qū)域，然后通過(guò)減去偏移量來(lái)獲取圖像的實(shí)際位置。

// Loop through all shapes in active diagram
IShapeUIModel[] shapes = diagram.toShapeUIModelArray();
if (shapes != null && shapes.length > 0) {
  for (IShapeUIModel shape : shapes) {
    // Create a map area for each shape. 
    // Remember to reduce the trimmed offset when export diagram to image 
    sb.append("<area shape=\"rect\" coords=\"" + (shape.getX() - offsetPoint.getX()) 
                           + "," + (shape.getY() - offsetPoint.getY()) 
                           + "," + (shape.getX() + shape.getWidth() - offsetPoint.getX()) 
                           + "," + (shape.getY() + shape.getHeight() - offsetPoint.getY()) 
                           + "\" href=\"//www.visual-paradigm.com\">\n");
  }
}
// Close the image map and HTML    
sb.append("</map>\n");    
sb.append("</body></html>");

最后我們?yōu)檩敵鑫募A編寫HTML。

// Write the HTML with image map to file 
File htmlFile = new File(outputPath + File.separator + "index.html");
try {
  FileOutputStream fout = new FileOutputStream(htmlFile);
  fout.write(sb.toString().getBytes());
  fout.close();
} catch (Exception e) {
  e.printStackTrace();
}