向pdf里画svg的图时乱码，如何解决

收藏

本帖最后由 9294865 于 2016-12-15 17:55 编辑

用下面这段代码话，把一个chart保存到pdf里，里面的汉字都乱码了，我看了saveImageToDataUrl，和drawSvg两个方法，没有地方可以设置字体，请问如何解决

myChart.saveImageToDataUrl(wijmo.chart.ImageFormat.Svg, function (url) {
doc.drawSvg(url, 0, 20, { width: doc.width });
});

Alice · Alice

没太理解您的意思。
您用的是什么控件，flexchart还是chart？

回复 · 9294865

Alice 发表于 2016-12-15 18:03
没太理解您的意思。
您用的是什么控件，flexchart还是chart？

不好意思，写的有些暧昧啦，

用的是wijmo.chart.FlexChart控件

doc是new wijmo.pdf.PdfDocument控件，并且通过doc.setFont(new wijmo.pdf.PdfFont('xxx'));指定了font，表格输出没有乱码。

麻烦啦

回复 · 9294865

是不是要用
Axis 的hostElement 属性去设置 SVGElement ，
参考这里吗 https://developer.mozilla.org/en-US/docs/Web/API/SVGElement

要是可以的话，能不能给个小例子，就是坐标轴有中文的chart，然后用svg导到pdf

回复 · 9294865

这个问题还在关注吗，我试了下，在data url 里加上编码，也没有成功，不知道你们有什么办法没有

dexteryao · dexteryao

您好，您测试下如下代码，可以将带中文的svg转换为base64 url

// 下面这行元素选择代码请按实际情况写
var svg = $("svg", "#introChart")[0]
// get svg source.
var serializer = new XMLSerializer();
var source = serializer.serializeToString(svg);
// add name spaces.
if(!source.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/)){
source = source.replace(/^<svg/, '<svg xmlns="http://www.w3.org/2000/svg"');
}
if(!source.match(/^<svg[^>]+"http\:\/\/www\.w3\.org\/1999\/xlink"/)){
source = source.replace(/^<svg/, '<svg xmlns:xlink="http://www.w3.org/1999/xlink"');
}
// add xml declaration
source = '<?xml version="1.0" standalone="no"?>\r\n' + source;
//convert svg source to URI data scheme.
var url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
//set url value to a element's href attribute.
document.write('<img src="' + url + '"/>');

复制代码

回复 · 9294865

dexteryao 发表于 2016-12-20 12:19
您好，您测试下如下代码，可以将带中文的svg转换为base64 url

非常感谢，我试了下，是可以正常生成不乱码的图片啦，但是输出到pdf里，会有下面的错误，我先自己调查调查，要是知道的话，告诉一下，谢谢
wijmo.pdf.min.js:27 Uncaught InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

回复 · 9294865

本帖最后由 9294865 于 2016-12-21 15:10 编辑

dexteryao 发表于 2016-12-20 12:19
您好，您测试下如下代码，可以将带中文的svg转换为base64 url

非常感谢，我试了下，是可以正常生成不乱码的图片啦，但是用drawSvg方法输出到pdf里，会有下面的错误，我先自己调查调查，要是知道的话，告诉一下，谢谢
wijmo.pdf.min.js:27 Uncaught InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

Alice · Alice

9294865 发表于 2016-12-21 14:59
非常感谢，我试了下，是可以正常生成不乱码的图片啦，但是用drawSvg方法输出到pdf里，会有下面的错误，我 ...

应该是产品本身没有支持中文。
你可以用6楼的解决方案。

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

向pdf里画svg的图时乱码，如何解决

8 个回复

活字格认证

微信认证勋章

元老葡萄

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证