我正在使用 d3js 创建一个绘图。我还想让用户能够将该绘图本地保存在他的计算机上。因此,我使用了 this question 中提到的代码的稍微更改的版本。创建该图的可下载图片。
所以我有以下代码:
$("svg").attr({ version: '1.1' , xmlns:"http://www.w3.org/2000/svg"});
var svg = $("#chart-main").html(); var b64 = btoa(unescape(encodeURIComponent(svg)));//Base64.encode(svg); // or use btoa if supported
// Works in recent Webkit(Chrome)
$("body").append($("<img src='data:image/svg+xml;base64,\n"+b64+"' alt='file.svg'/>"));
// Works in Firefox 3.6 and Webit and possibly any browser which supports the data-uri
$("body").append($("<a href-lang='image/svg+xml' href='data:image/svg+xml;base64,\n"+b64+"' title='file.svg'>Download</a>"));
但是,当我点击下载链接时,出现以下错误: 该页面包含以下错误:
error on line 6 at column 16:
Entity 'nbsp' not defined
链接类似于data:image/svg+xml;base64,CgkJCQkJP....CgkJCQk=
我该如何解决这个问题?
最佳答案
问题是
是一个 HTML 实体。
独立的 SVG 文件作为 XML 格式,仅支持五个预定义的 XML 实体:&
、”
、’。
、<
和 >
。
但是,要表示任何其他 unicode 字符,您可以使用基于 unicode 值的字符引用。不间断空格的代码是
。使用它来替换
并且您的 SVG 文件应该验证。
附注我找到FileFormat.info's character search site对于查找 Unicode 值很有用。
关于javascript - 在本地保存 d3js 图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24835497/