相关疑难解决方法(0)

使用canvg将C3.js SVG可视化到Canvas - 用黑色矩形填充的折线图,"ERROR:Element'parsererror'尚未实现"

我正在尝试使用Canvg将SVG转换为Canvas.这是jsfiddle.我收到一个错误,"错误:元素'parsererror'尚未实现".我可以理解canvg库无法解析SVG元素.但是,这个问题有解决方案吗?我需要从svg元素创建一个canvas元素.

<head>
    <link href="lib/c3.css" rel="stylesheet" type="text/css">
    <script src="lib/jquery-2.1.4.min.js"></script>

    <script src="lib/d3.min.js" charset="utf-8"></script>
    <script src="lib/c3.min.js"></script>

    <script type="text/javascript" src="lib/canvg.js"></script> 
    <script type="text/javascript" src="lib/rgbcolor.js"></script> 

</head>
<body>


<div id="chart"></div>
<button onclick="myFunction()">Save</button>


<header><h1>Canvas:</h1></header>
<canvas id="svg-canvas"></canvas>


<script>
var chart = {};

chart = c3.generate({
bindto: '#chart',
data: {
    xs: {
        'data1': 'x1',
        'data2': 'x2',
    },
    columns: [
        ['x1', '2013-01-01 03:11:37', '2013-01-02 03:11:37', '2013-02-03 03:11:37', '2013-03-04 03:11:37', '2013-03-05 03:11:37', '2013-04-06 03:11:37'],
        ['x2', '2013-01-04 03:11:37', '2013-01-22 03:11:37', '2013-04-13 03:11:37', '2013-05-04 03:11:37', '2013-05-02 03:11:37', '2013-06-06 03:11:37'],
        ['data1', 30, 200, …
Run Code Online (Sandbox Code Playgroud)

javascript svg d3.js canvg c3

6
推荐指数
1
解决办法
2571
查看次数

标签 统计

c3 ×1

canvg ×1

d3.js ×1

javascript ×1

svg ×1