插入图片

登录

如何实现这种效果

何时待我 · 何时待我

使用designer 组件, 使用插入图片功能
参考链接:
https://demo.grapecity.com.cn/SpreadJS/WebDesigner/

Derrick.Jiao · Derrick.Jiao

可以参考一楼直接集成我们的designer组件，就可以使用上方插入图片的功能

或者参考下面的技术文章实现在SpreadJS中插入
https://gcdn.grapecity.com.cn/fo ... hread&tid=99962

Richard.Ma · Richard.Ma

楼上的方法没有问题，我看到你这边图片是显示在表格上方的，用一个透明的png图片插入后即可实现你需要的效果

s先生 · s先生

Derrick.Jiao 发表于 2022-7-13 17:13
可以参考一楼直接集成我们的designer组件，就可以使用上方插入图片的功能

或者参考下面的技术文章实现在 ...

多谢，我使用浮动元素实现
var customFloatingObject = new GC.Spread.Sheets.FloatingObjects.Picture('image'+i, content, startX, startY,width,height);
sheet.floatingObjects.add(customFloatingObject);

Richard.Ma · Richard.Ma

嗯，这个和设计器中是一个效果

s先生 · s先生

Derrick.Jiao 发表于 2022-7-13 17:13
可以参考一楼直接集成我们的designer组件，就可以使用上方插入图片的功能

或者参考下面的技术文章实现在 ...

这个如何把图片插入到我选中的单元格内

Richard.Ma · Richard.Ma

你可以参考这个插入图片的示例
https://demo.grapecity.com.cn/sp ... ting-object/picture

在添加图片后，设置起始和结束行列信息，以及缩放方式

var picture = sheet.pictures.add("f2", "$DEMOROOT$/spread/source/images/spreadLogo.png", 50, 50, 100, 100);
picture.backColor("black");
picture.startRow(1);
picture.startColumn(1);
picture.startRowOffset(0);
picture.startColumnOffset(0);
picture.endRow(2);
picture.endColumn(2);
picture.endRowOffset(0);
picture.endColumnOffset(0);
picture.pictureStretch(2);

复制代码

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

[已处理] 插入图片

本帖子中包含更多资源

7 个回复

评分

本帖子中包含更多资源

本帖子中包含更多资源

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证