润乾实现引入svg并显示在页面中

本文探讨了SVG(可伸缩矢量图形)在报表中的应用,包括SVG的基本概念、如何嵌入HTML文档以及在报表中展现SVG时遇到的问题。重点介绍了SVG文件通过HTML标签嵌入的方法,并讨论了不同浏览器对SVG的支持情况。最后指出,尽管可以预览单独的SVG文件,但在实际报表中应用时可能会遇到浏览器兼容性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求说明:目前有些需求需要把svg放到报表中并展现。

什么是SVG?

  • SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
  • SVG 用来定义用于网络的基于矢量的图形
  • SVG 使用 XML 格式定义图形
  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
  • SVG 是万维网联盟的标准
  • SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体
单独的预览这个.svg文件是没有问题的但是要在报表中展现就得放到html中

SVG 文件可通过以下标签嵌入 HTML 文档:<embed>、<object> 或者 <iframe>。

润乾设计器中可以设置表格的数据类型是html类型

单元格中添加如下语句:<embed src="test.svg" width="300" height="100"  type="svg+xml" />(test.svg这里是定义好的放到相同目录下)

发布预览:

这里有些缺陷的是根据浏览器不同和遵循的协议不同,一些浏览器就不能生成相应的svg图形。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值