图片尺寸问题

Derrick.Jiao

版本： spreadjs v14.0.9

场景描述：签章功能，用户点击签章，然后通过异步获取图片后将图片加载到签章的位置

问题描述：同一套代码设置号图片的宽高，发现在不同的spread的尺寸不一样，而且在sheet页上呈现的图片尺寸与代码设置的不一致;
此外，难道行高也对图片高度有影响？图片大小如何固定？

代码如下：

/**
* 签章
* @param {base64} img
* @param {string} field
* @param {object} sheetBindingInfo
*/
signaturePicture(img, field, sheetBindingInfo, sheet) {
let picture = sheet.pictures.add(field,img,0,0,100,50);
// let picture = sheet.pictures.add(field,img);
let row = sheetBindingInfo[field].row, col = sheetBindingInfo[field].col;
let cellInfo = getSpanSizeInfo(sheetBindingInfo[field], sheet);
let rowOffset = cellInfo.height > 50 ? (cellInfo.height - 50) / 2 : 10;
let colOffset = cellInfo.width > 100 ? (cellInfo.width - 100) / 2 : 10;
let endRow = cellInfo.rowCount > 1 ? row + cellInfo.rowCount -1 : row + 2;
let endColumn = cellInfo.colCount > 1 ? col + cellInfo.colCount -1 : col + 1;
console.log(`row:${row};endRow:${endRow}`);
picture.width(100);
picture.height(50);
picture.dynamicMove(false);
picture.dynamicSize(false);
picture.startRow(row);
picture.startColumn(col);
picture.endRow(endRow);
picture.endColumn(endColumn);
// picture.startRowOffset(rowOffset);
// picture.endRowOffset(rowOffset);
// picture.startColumnOffset(colOffset);
// picture.endColumnOffset(colOffset);
picture.allowMove(false);
picture.allowResize(false);
console.log(picture);
},

复制代码

在workbook1中：
image.png104353331.png

在workbook2中：
image.png864285888.png

而且就算设置了 rowOffset 和 colOffset 也没用

Derrick.Jiao · Derrick.Jiao

CTI_ELN 发表于 2021-12-2 11:46
你好，我试了一下，发现如果不设置endRow和endColumn的话，图片无法显示

这个是旧版本的bug，该问题已在14.2.1中修复，可以看下这个demo
image.png549079894.png

Derrick.Jiao · Derrick.Jiao

本帖最后由 Derrick.Jiao 于 2021-12-2 11:40 编辑

你好，出现这个问题是因为endRow和endColumn的影响。

当我们的设置的图片宽高大于设置startRow、startColumn、endRow、endColumn围成的面积时，就会按照一定的比例进行缩放。
image.png953654174.png