小编Zik*_*kes的帖子

用D3.js计算SVG路径质心

我在项目中使用位于http://upload.wikimedia.org/wikipedia/commons/3/32/Blank_US_Map.svg的SVG 并与d3.js进行交互.我想创建一个单击缩放效果,如http://bl.ocks.org/2206590,但是该示例依赖于存储在JSON对象中的路径数据来计算质心.有没有办法从现有的SVG加载d3中的路径数据来获得质心?

到目前为止我的(hackish)尝试:

  function get_centroid(sel){
    var coords = d3.select(sel).attr('d');
    coords = coords.replace(/ *[LC] */g,'],[').replace(/ *M */g,'[[[').replace(/ *z */g,']]]').replace(/ /g,'],[');
    return d3.geo.path().centroid({
      "type":"Feature",
      "geometry":{"type":"Polygon","coordinates":JSON.parse(coords)}
    });
  }
Run Code Online (Sandbox Code Playgroud)

这似乎适用于一些州,如密苏里州,但像华盛顿这样的其他州失败了,因为我的SVG数据解析是如此简陋.d3本机支持这样的东西吗?

javascript svg d3.js

21
推荐指数
1
解决办法
1万
查看次数

聚合物递归模板绑定

我正在努力迁移在Polymer 0.5中使用递归模板绑定的自定义元素.自定义元素的HTML代码如下:

<template>
    <template bind="{{ items }}" id="t">
        <section id="{{ id }}"  appName="{{ id }}">
             <template ref="t" repeat="{{ children }}"></template>
        </section>
    </template> 
</template>
Run Code Online (Sandbox Code Playgroud)

我如何在Polymer 0.9中编写相同的构造?如果该功能尚未支持,是否有计划将其包含在Polymer的未来版本中?

谢谢

recursion polymer

10
推荐指数
1
解决办法
1182
查看次数

如何在nginx中设置自动身份验证层?

我正在一个公共域下构建一个应用程序生态系统,每个应用程序都在一个单独的子域下.我已经为生态系统构建了一个身份验证应用程序,但它需要专门配置其他应用程序才能使用它.有没有办法配置nginx来管理用户会话,可能将用户信息作为标题转发到各种应用程序?

authentication nginx

7
推荐指数
1
解决办法
2790
查看次数

如何使用d3.js创建趋势/指数回归线?

我正在尝试创建一条曲线显示图形中的数据趋势,但我无法弄清楚如何生成必要的数据点,类似于此图像中的第二个图形:

最小二乘拟合图

我发现的所有文档和示例都使用了数学,我的脑袋,任何伪代码都会很棒.

javascript math d3.js

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

使CSS Flex元素忽略容器元素

我正在努力创建类似于Chosen的组件,但是我遇到了flex和wrap的问题。要点是,伪文本框中的每个“筹码”都必须位于一个不包含实际文本输入的容器中,但是我需要将这些筹码作为与相同的基础视为flex元素input

我的HTML结构如下所示:

<div class="box">
  <div class="chipContainer">
    <div class="chip">Chip1</div>
    <div class="chip">Chip2</div>
    <div class="chip">Chip3</div>
    <div class="chip">Chip4</div>
  </div>
  <input class="textbox" type="text">
</div>
Run Code Online (Sandbox Code Playgroud)

这个Plunker示例更加完整,其样式与我目前正在使用的样式大致相同。

<div class="box">
  <div class="chipContainer">
    <div class="chip">Chip1</div>
    <div class="chip">Chip2</div>
    <div class="chip">Chip3</div>
    <div class="chip">Chip4</div>
  </div>
  <input class="textbox" type="text">
</div>
Run Code Online (Sandbox Code Playgroud)
.box {
  background: #fff;
  border: 1px solid #ccc;
  width: 500px;
  overflow: auto;
  padding: 2px;
  display: flex;
  flex-wrap: wrap;
}
.chip {
  display: inline-block;
  border: 1px solid #ccc;
  background: #eee;
  padding: 2px;
  margin-right: 1px;
  flex: auto;
}
.textbox …
Run Code Online (Sandbox Code Playgroud)

html css flexbox

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

RESTful API中复杂POST参数的可能格式是什么?

我正在使用node.js+ 开发一个应用程序express,它包含一个允许用户订阅项目列表的结构.每个列表订阅涉及诸如每个项目的最小分数和列表中的前N个项目之类的选项,并且订阅可以被组织成与整个订阅列表模式中的特定排名相关的数字分组.多个订阅可以在单个排名中,允许联系,而其他订阅可以排名更高或更低.

我目前的问题是我提供了一个管理这些列表订阅及其选项的界面,虽然我可以想到一些UI可能性,但我对将结果提交回服务器的最佳格式感到有点困惑.

代表JSON,这是我将要使用的:

[
    [
        {"list_id":1,"min_score":0,"limit":500}
    ],
    [
        {"list_id":12,"min_score":5,"limit":-1},
        {"list_id":16,"min_score":5,"limit":-1}
    ],
    [
        {"list_id":2,"min_score":0,"limit":-1}
    ]
]
Run Code Online (Sandbox Code Playgroud)

我很想简单地将JSON编码并将其作为单个参数发布,但这听起来有些黑客攻击.我正在尝试保持我的API尽可能开放和一致,以允许其他客户端.

javascript rest json node.js express

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

标签 统计

javascript ×3

d3.js ×2

authentication ×1

css ×1

express ×1

flexbox ×1

html ×1

json ×1

math ×1

nginx ×1

node.js ×1

polymer ×1

recursion ×1

rest ×1

svg ×1