在合并单元格上准确浮动图片

之前有讲过如何对SpreadJS 进行图片绑定，其中一种方法是浮动图片，那么如何准确的在单元格，设置合并单元格上浮动图片呢？

请参考如下代码
通过getCellInfo方法，获取到单元格的实际坐标，再通过getSpanInfo的方法获取单元格包含合并后的实际大小，这样就可以准确的在一个合并单元格上浮动图片了。

1. 
   
2. 
   
3. let spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
   
4. let sheet = spread.getActiveSheet();
   
5. let row = 15, col = 2
   
6. sheet.setRowHeight(row, 100);
   
7. sheet.setColumnWidth(col, 300);
   
8. sheet.addSpan(row, col, 2, 2)
   
9. 
   
10. sheet.setValue(row, col, [{src:"https://www.grapecity.com.cn/images/metalsmith/home/community_QRcode.jpg", width: 100, height:100},
    
11.                     {src:"https://www.grapecity.com.cn/images/metalsmith/home/logo_funeng.png", width:200, height:100}])
    
12. sheet.getCell(row, col).backColor("#533A6F")
    
13. 
    
14. 
    
15. addCellImage(sheet, row, col);
    
16. 
    
17. 
    
18. 
    
19. function getSpanInfo(sheet, row, col) {
    
20.     var spans = sheet.getSpans(new GC.Spread.Sheets.Range(row, col, 1, 1));
    
21.     if (spans && spans.length) {
    
22.         var span = spans[0]
    
23.         if(span.row === row, span.col === col){
    
24.             var width = 0, height = 0;
    
25.             for (var i = span.row; i < span.row + span.rowCount; i++) {
    
26.                 height += sheet.getRowHeight(i)
    
27.             }
    
28.             for (var i = span.col; i < span.col + span.colCount; i++) {
    
29.                 width += sheet.getColumnWidth(i)
    
30.             }
    
31.             return {
    
32.                 width, height
    
33.             }
    
34.         }
    
35.         else{
    
36.             return null
    
37.         }
    
38.     }
    
39.     else {
    
40.         return {
    
41.             width: sheet.getColumnWidth(col),
    
42.             height: sheet.getRowHeight(row)
    
43.         }
    
44.     }
    
45. }
    
46. function getCellInfo(sheet, row, col) {
    
47. 
    
48.     var width = 0, height = 0;
    
49.     for (var i = 0; i < row; i++) {
    
50.         height += sheet.getRowHeight(i)
    
51.     }
    
52.     for (var i = 0; i < col; i++) {
    
53.         width += sheet.getColumnWidth(i)
    
54.     }
    
55. 
    
56.     return { width, height }
    
57. }
    
58. 
    
59. async function addCellImage(sheet, row, col){
    
60.     let imageCellValue = sheet.getValue(row, col);
    
61.     var spanInfo = getSpanInfo(sheet, row, col)
    
62.     var cellInfo = getCellInfo(sheet, row, col)
    
63.     if(imageCellValue && imageCellValue.length > 0){
    
64. 
    
65.         let widthStart = 0;
    
66.         for(var index in imageCellValue){
    
67.             let img = imageCellValue[index]
    
68.             if(img.src){
    
69.                 let picture = sheet.pictures.add(sheet.name() + sheet.pictures.all().length, img.src, cellInfo.width + widthStart, cellInfo.height, img.width, spanInfo.height);
    
70.                 widthStart += img.width
    
71.             }
    
72.         }
    
73.     }
    
74. }

复制代码