方案1:
您可以用style的backgroundimage属性来设置单元格中的图片,
API:
https://demo.grapecity.com.cn/spreadjs/help/api/GC.Spread.Sheets.CellRange.html#backgroundImage
方案2:利用picture的 endColumnOffset、allowMove 等方法来实现。
具体您可以参考附件的demo。
核心代码:- $("#setZoomPicture").click(function () {
- var sheet = spread.getActiveSheet();
- var row = sheet.getActiveRowIndex(),
- col = sheet.getActiveColumnIndex();
- setZoomPicture(sheet, row, col);
- });
- function setZoomPicture(sheet, row, col) {
- var endRow = row + 1,
- endColumn = col + 1;
- var picture = sheet.pictures.add("f" + row + col, imageSRC, 0, 0, 1, 1);
- picture.pictureStretch(GC.Spread.Sheets.ImageLayout.zoom);
- picture.startRow(row);
- picture.startColumn(col);
- picture.isVisible(false);
- setTimeout(function () {
- picture.endColumnOffset(0)
- picture.endRowOffset(0);
- picture.endRow(endRow);
- picture.endColumn(endColumn);
- picture.isVisible(true);
- picture.allowMove(false);
- picture.isSelected(false);
- picture.allowResize(false);
- //picture.fixedPosition(true);
- }, 100)
- }
复制代码 运行demo后,选择某个单元格,点击按钮即实现在单元格中插入图片。
|
|