[17] 图片点击事件

鸳鸯配2024 · 鸳鸯配2024

Wilson.Zhang 发表于 2024-8-13 11:31
ShapeSelectionChanged能够监听到图片的坐标位置，但不是行列索引，我通过命中测试将x/y坐标转换为了行列 ...

拿过来用后，报错
没有这个方法 shape.toImageSrc

我添加图片的方法是

let Designer = GC.Spread.Sheets.Designer.findControl('designer-container');
let spread = Designer.getWorkbook()
let sheet = spread.getActiveSheet();
let height = sheet.getRowHeight(1) //获取第2行行高
let width = sheet.getColumnWidth(2) //获取第2列宽度
console.log(height, '--宽度--', width)
let pic = sheet.shapes.addPictureShape("pic2", "https://p3.toutiaoimg.com/tos-cn-i-qvj2lq49k0/2e346589036945b9a9272983760b4b88~tplv-tt-large.image", 0,0,width,height)
pic.startRow(1) //开始行在第二行
pic.endRow(2) //结束行在第三行
pic.startColumn(1) //开始列在第二列
pic.endColumn(2) //结束列在第三列
// pic.includeEmptyRegionCells(true)
pic.allowMove(false) //图片不允许移动
pic.allowResize(false) //图片不允许拉动调整大小
pic.dynamicMove(true) //图片是否随插入行列移动
pic.dynamicSize(true) //图片是否随行高列宽变化而变化

复制代码

Wilson.Zhang · Wilson.Zhang

鸳鸯配2024 发表于 2024-8-13 11:53
这个感觉性能不太好。

let countConfig = args.sheet.getSelections()[0];

工作表中的图片都有名字，ShapeCollection:get()即是通过图片名字来获取图片信息。您可以参考官网API文档了解详情：https://demo.grapecity.com.cn/sp ... ShapeCollection#get

Wilson.Zhang · Wilson.Zhang

鸳鸯配2024 发表于 2024-8-13 13:44
拿过来用后，报错
没有这个方法 shape.toImageSrc

我在之前给你提供的demo中添加了您添加图片的代码，测试后发现可以获取到图片信息，请您参考附件中的demo。
您使用的具体版本号是什么？我排查了下，17.1版本之前没有Shape:toImageSrc()接口。如果您的版本号在17.1之前可以升级后使用。

鸳鸯配2024 · 鸳鸯配2024

本帖最后由鸳鸯配2024 于 2024-8-13 15:30 编辑

这个自己搞定了。

Clark.Pan · Clark.Pan

给你发的事件中shape对象就是这个图片
接下来用startRow endRow startColumn endColumn方法就可以获取图片相关对应的单元格索引了。
你可以将自己搞定的方法跟这个比较一下，哪个方便用哪个
image.png491162719.png

		自动登录	找回密码
密码			立即注册

[已处理] [17] 图片点击事件