找回密码
 立即注册

QQ登录

只需一步,快速开始

wei卣

中级会员

15

主题

67

帖子

559

积分

中级会员

积分
559

[已处理] 图片显示问题

wei卣
中级会员   /  发表于:2019-7-29 16:03  /   查看:9932  /  回复:21
现在需求是:在excel加入一个图片链接,然后再页面打开时能直接显示图片出来,或者有没有其他方法能够实现在表格显示指定的图片?

21 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-7-29 17:52:04
沙发
您好,添加图片可以参考学习指南的图片示例:

https://demo.grapecity.com.cn/Sp ... ple/#/demos/picture

实际上这个链接可以是外部链接,比如这样:

image.png660382384.png
回复 使用道具 举报
wei卣
中级会员   /  发表于:2019-7-30 11:15:07
板凳
为什么我的图片无论位置怎么给他都没有变化,尺寸都有变化一直在左边顶部 11111111730111417.png
回复 使用道具 举报
wei卣
中级会员   /  发表于:2019-7-30 14:34:24
地板
KevinChen 发表于 2019-7-29 17:52
您好,添加图片可以参考学习指南的图片示例:

https://demo.grapecity.com.cn/SpreadJS/TutorialSample/ ...

能不能见图片添加到指定的单元格,现在后台传给我多个图片,我要将他们分别添加到指定的单元格,这样用picture.add就不能指定具体位置
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-7-30 15:57:53
5#
如果需要将图片添加到具体的单元格中,就需要换个思路,用自定义单元格实现,

您可以参考这个示例:

https://demo.grapecity.com.cn/Sp ... tipHyperLinkPicture
回复 使用道具 举报
wei卣
中级会员   /  发表于:2019-7-30 17:51:44
6#
KevinChen 发表于 2019-7-30 15:57
如果需要将图片添加到具体的单元格中,就需要换个思路,用自定义单元格实现,

您可以参考这个示例:

这个文字是怎么显示的,去不掉啊 236.png

回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-7-30 18:11:24
7#
这个示例实际上是利用canvas对象将图片绘制在单元格里的,

绘制逻辑在paint方法中,请结合学习指南的自定义单元格参考:

https://demo.grapecity.com.cn/Sp ... emos/customCellType

如图:

image.png56285399.png

image.png663433837.png
回复 使用道具 举报
wei卣
中级会员   /  发表于:2019-7-31 09:14:11
8#
KevinChen 发表于 2019-7-30 18:11
这个示例实际上是利用canvas对象将图片绘制在单元格里的,

绘制逻辑在paint方法中,请结合学习指南的自 ...

我在我的测试项目里面已经测通了,能显示图片,不显示对应的文字,但是放在vue项目里调试后发现显示不正确没有图片 QQ截图20190731091106.png
在签名后面我要显示图片,但是现在这里时图片地址的字符串
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-7-31 09:58:55
9#
这种情况是因为图片没获取到,这个位置的资源无法访问。

注意一下图片在工程中的相对位置,vue中一些静态资源是没法直接访问到的,

推荐网上搜索一下vue中发生这种情况的解决方案。
回复 使用道具 举报
wei卣
中级会员   /  发表于:2019-7-31 10:20:09
10#
KevinChen 发表于 2019-7-31 09:58
这种情况是因为图片没获取到,这个位置的资源无法访问。

注意一下图片在工程中的相对位置,vue中一些静 ...

我发现是在sheet.resumePaint();后没有进入 MutipHyperLinkPictureCellType.prototype.paint = function(ctx, value, x, y, w, h, style, options) {
        这个方法里面去,第一次用vue感觉位置没有对
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部