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

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

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

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

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

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

用的是wijmo.chart.FlexChart控件

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

麻烦啦

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

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

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

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

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

复制代码

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.

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.

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

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