Javascript SVG图像不';t在Internet Explorer 11的echarts工具箱中渲染
我正在使用百度echarts图表库创建一个工具箱。我通过传递一个指向svg图像的链接来设置用户定义工具的图标字段,该图像如下-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
'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的开发者工具,把它排除在外。事实并非如此。兼容模式已关闭。谢谢。使用路径而不是图像似乎是唯一的选择。谢谢。使用路径而不是图像似乎是唯一的选择。