Svg矢量图的展现

当前润乾报表支持展示，导出和打印的图片类型包括：*.jpg,*gif,*png等常规图片。对于其他类型的图片，如Svg矢量图。可以使用html展现。但是无法实现执行word，excel和pdf的导出。本文将针对于这种特殊形式的图片，如何实现导出来满足不同客户的需求进行描述。

第一步，建立报表。使用html类型编辑Svg图，

<embed src=”test.svg” width=”300″ height=”100″ type=”svg+xml” />，如图一

图一

第二步，展示报表

ie浏览器展示svg需要设置。使用火狐浏览器可以直接展示。如图二

图二

第三步，使用图片字段类型设置报表，实现导出

对于svg统计图如果要实现导出，需要使用svg的源代码，以图片字段的形式编辑单元格。

图三

<?xml version=”1.0″ standalone=”no”?>

<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN”

“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>

<svg width=”100%” height=”100%” version=”1.1″

xmlns=”http://www.w3.org/2000/svg”>

<rect width=”300″ height=”100″

style=”fill:rgb(0,0,255);stroke-width:1;

stroke:rgb(0,0,0)”/>

</svg>

第四步，添加必要jar包

导出svg图片需要添加必要的jar包。添加路径\webapps\demo\WEB-INF\lib

图四

第五步，发布报表，执行导出