共计 336 个字符,预计需要花费 1 分钟才能阅读完成。
7.13 子元素
书上说:过渡是针对选择集本身来说,里面的子元素不受影响
正解:子元素的属性没有变,但是会随着父元素一起过渡(位置)
// 子元素宽度没变,但是位置变了 | |
let g=this.svg.append('g') | |
g.selectAll('.rect').data([100,100,100]).join(enter=>{enter.append('rect') | |
.attr('width',d=>d) | |
.attr('height',50) | |
.attr('transform',(d,i)=>`translate(0,${i*80})`) | |
}) | |
g.transition() | |
.attr('width',300) | |
.attr('transform','translate(200,200)') |
正文完