html–SVG图像互相 *** 纵

您的问题是在HTML文档中复制ID的情况.目前你有2< clipPath id =“highcharts-1”>在你的svg中使用相同的ID,我猜你会用某种工具生成2个图表. chipPaths后来用于剪切每个图表的内容：

由于此SVG中有2个具有相同ID highcharts-1的clipPath,第二个clipPath会覆盖第一个,并且您的两个图表都将被第二个图表的内容区域剪裁.

因此,解决方案是更改clipPath的1的ID,并在适当的highcharts系列中使用其新ID.

对于无法在Chrome上重现错误的用户,请尝试缩小页面然后将其缩小.它强制浏览器再次渲染(在定义第二个clipPath之后)并模拟OP所具有的问题. 总结

以上是内存溢出为你收集整理的html – SVG图像互相 *** 纵全部内容，希望文章能够帮你解决html – SVG图像互相 *** 纵所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。