相关疑难解决方法(0)

通过减少节点数来简化SVG路径字符串

我正在生成一个表示折线图的大型SVG路径字符串.

在图表下方,我有一个用于选择时间范围切片的滑块.滑块后面是整个折线图的迷你预览.

我目前正在缩小生成预览的路径,但是这样做我最终得到每个像素数十个节点,因此需要更多细节.当然,这为浏览器提供了更多的渲染效果.

有很多关于压缩svg字符串(gzipping等)的信息,尽管很少有算法通过减少节点来实际简化路径.

我正在使用Raphaeljs,我正在寻找基于JavaScript的解决方案.有任何想法吗?

javascript svg raphael

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

将SVG路径转换为多边形以在Javascript Clipper中使用

我正在尝试使用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)

javascript svg

4
推荐指数
1
解决办法
4412
查看次数

标签 统计

javascript ×2

svg ×2

raphael ×1