Javascript SVG图像不';t在Internet Explorer 11的echarts工具箱中渲染

Javascript SVG图像不';t在Internet Explorer 11的echarts工具箱中渲染,javascript,internet-explorer,svg,echarts,Javascript,Internet Explorer,Svg,Echarts,我正在使用百度echarts图表库创建一个工具箱。我通过传递一个指向svg图像的链接来设置用户定义工具的图标字段,该图像如下-'image://'。此功能适用于除IE之外的所有浏览器。IE版本为11。 我尝试将svg图像加载到DOM元素中,它在IE中运行良好。它只在echarts中存在问题 这就是我的工具箱选项的外观- option = { toolbox: { show: true, orient: 'vertical', itemSize: 20, heigh

我正在使用百度echarts图表库创建一个工具箱。我通过传递一个指向svg图像的链接来设置用户定义工具的图标字段,该图像如下-
'image://'
。此功能适用于除IE之外的所有浏览器。IE版本为11。
我尝试将svg图像加载到DOM元素中,它在IE中运行良好。它只在echarts中存在问题

这就是我的工具箱选项的外观-

option = {
toolbox: {
    show: true,
    orient: 'vertical',
    itemSize: 20,
    height:10,
    width:10,
    top: 'center',
    right: '10%',
    feature: {
        myButton: {
            show: true,
            title: '...',
            icon: 'image://sample.svg',
            onclick: function (){
                alert('clicked')
            }
        }
    }
}
};

有人能帮帮我吗。

我找到了解决办法!!!如果我的回答有用,请接受

IE不支持直接svg文件。它只支持svg路径,不支持任何颜色。所以我们需要用下面的陡度来逃避

例如:

步骤:1 我已拍摄svg图像“” 我把它作为我的按钮图标,它在除IE之外的所有浏览器中都工作。使图标在所有浏览器中工作

步骤2 打开svg文件并仅复制路径。 所以我计划把它转换成路径。我访问了这个网站

现在我们有了svg文件的正确路径。但是我们从那个网站复制的路径在坐标之间有空间,所以我们需要用“,”替换“空间”

最后一步 转到:将导出的代码粘贴到左侧。它会自动在坐标之间添加空间。现在您可以在Echart中使用该路径,它将在所有浏览器中工作

就这些,它会很好用的

IE中的示例:


我找到了解决方案!!!如果我的回答有用,请接受

IE不支持直接svg文件。它只支持svg路径,不支持任何颜色。所以我们需要用下面的陡度来逃避

例如:

步骤:1 我已拍摄svg图像“” 我把它作为我的按钮图标,它在除IE之外的所有浏览器中都工作。使图标在所有浏览器中工作

步骤2 打开svg文件并仅复制路径。 所以我计划把它转换成路径。我访问了这个网站

现在我们有了svg文件的正确路径。但是我们从那个网站复制的路径在坐标之间有空间,所以我们需要用“,”替换“空间”

最后一步 转到:将导出的代码粘贴到左侧。它会自动在坐标之间添加空间。现在您可以在Echart中使用该路径,它将在所有浏览器中工作

就这些,它会很好用的

IE中的示例:


IE11肯定支持SVG,尽管它有一个渲染错误,在某些情况下会导致CSS宽度和高度规则得不到遵守。IE是否可能以兼容模式呈现您的站点?打开IE的开发者工具,把它排除在外。事实并非如此。兼容性模式已关闭。IE11肯定支持SVG,尽管它有一个渲染错误,在某些情况下会导致CSS宽度和高度规则不受遵守。IE是否可能以兼容模式呈现您的站点?打开IE的开发者工具,把它排除在外。事实并非如此。兼容模式已关闭。谢谢。使用路径而不是图像似乎是唯一的选择。谢谢。使用路径而不是图像似乎是唯一的选择。