我正在生成一个表示折线图的大型SVG路径字符串.
在图表下方,我有一个用于选择时间范围切片的滑块.滑块后面是整个折线图的迷你预览.
我目前正在缩小生成预览的路径,但是这样做我最终得到每个像素数十个节点,因此需要更多细节.当然,这为浏览器提供了更多的渲染效果.
有很多关于压缩svg字符串(gzipping等)的信息,尽管很少有算法通过减少节点来实际简化路径.
我正在使用Raphaeljs,我正在寻找基于JavaScript的解决方案.有任何想法吗?
我正在尝试使用JS Clipper对SVG路径(包含beziers,包括二次和三次)执行布尔运算.
JS Clipper以多边形开始然后执行操作,然后它似乎将它们转换回SVG路径.
下面的函数给出了一个SVG路径,但下面的例子以2个多边形开头.
一个示例函数:
// Polygon Arrays are expanded for better readability
function clip() {
var subj_polygons = [
[{
X: 10,
Y: 10
}, {
X: 110,
Y: 10
}, {
X: 110,
Y: 110
}, {
X: 10,
Y: 110
}],
[{
X: 20,
Y: 20
}, {
X: 20,
Y: 100
}, {
X: 100,
Y: 100
}, {
X: 100,
Y: 20
}]
];
var clip_polygons = [
[{
X: 50, …Run Code Online (Sandbox Code Playgroud)