OneNote博客发布测试

标签：

var width = 960, height = 500, r = 50;

? ?

var data = [

[width / 2 - r, height / 2 - r],

[width / 2 - r, height / 2 + r],

[width / 2 + r, height / 2 - r],

[width / 2 + r, height / 2 + r]

];

? ?

var svg = d3.select("body").append("svg")

.attr("width", width)

.attr("height", height)

.append("g");

? ?

var drag = d3.behavior.drag() // <-A

.on("drag", move);

? ?

svg.selectAll("circle")

.data(data)

.enter().append("circle")

.attr("r", r)

.attr("transform", function (d) {

return "translate(" + d + ")";

})

.call(drag); // <-A

? ?

function move(d) {

var x = d3.event.x, // <-C

y = d3.event.y;

? ?

if(inBoundaries(x, y))

d3.select(this)

.attr("transform", function (d) { // <-D

return "translate(" + x + ", " + y + ")";

});

}

?

function inBoundaries(x, y){

return (x >= (0 + r) && x <= (width - r))

&& (y >= (0 + r) && y <= (height - r));

}

? ?

一世浮华，三生梦。

Glitz

? ?

function test(){

console.log(my)

}

? ?

OneNote博客发布测试

标签：

原文地址：http://www.cnblogs.com/raojs/p/4198040.html