第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在多個(gè)數(shù)字狀態(tài)之間振蕩和補(bǔ)間?

如何在多個(gè)數(shù)字狀態(tài)之間振蕩和補(bǔ)間?

一只斗牛犬 2022-01-13 17:28:15
我希望能夠做一些類(lèi)似于 Mike Bostock 在 .textTween 文檔中的第二個(gè)示例中所做的事情。為了解決這個(gè)問(wèn)題,我做了很多工作,但我不能完全正確。我對(duì) JavaScript 完全陌生,所以也許這就是問(wèn)題所在。在observable notebook的情況下,數(shù)字在不同的隨機(jī)變量之間振蕩,這些隨機(jī)變量被分配給下一次振蕩的 _current 參數(shù)。我將如何只用兩個(gè)數(shù)字來(lái)做到這一點(diǎn),我想在這兩個(gè)數(shù)字之間來(lái)回切換?我嘗試將其處理成這樣的代碼,但無(wú)濟(jì)于事-var svg = d3.select("body")        .append("svg")        .attr("width", 960)        .attr("height", 500);function textrepeat() {    var textrepeat = svg.append("text")        .attr("fill", "steelblue")        .attr("class", "txt")        .attr("x", 30)        .attr("y", 30)    repeat();    function repeat() {      textrepeat        .text("300")              .transition()                .duration(2000)        .tweening ???   //here is where to insert it?        .text("1000")            .transition()                .duration(2000)              .text("300")            .on("end", repeat);      };};textrepeat();提前致謝
查看完整描述

1 回答

?
牛魔王的故事

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊

如果我正確理解你想要什么,你所需要的只是兩個(gè)textTween功能。例如,300往返1000

var svg = d3.select("body")

  .append("svg");


function textrepeat() {


  var textrepeat = svg.append("text")

    .attr("fill", "steelblue")

    .attr("x", 30)

    .attr("y", 50);


  repeat();


  function repeat() {

    textrepeat.transition()

      .duration(2000)

      .textTween(function() {

        return function(t) {

          return ~~d3.interpolate(300, 1001)(t)

        };

      })

      .transition()

      .duration(2000)

      .textTween(function() {

        return function(t) {

          return ~~d3.interpolate(1001, 300)(t)

        };

      })

      .on("end", repeat);

  };


};


textrepeat();

text {

  font-size: 46px;

  font-weight: 700;

}

<script src="https://d3js.org/d3.v5.min.js"></script>

PS:transition.textTween在 D3 v5.14 中添加。如果您使用的是以前的版本,請(qǐng)將其更改為.tween("text", function() { etc....


查看完整回答
反對(duì) 回復(fù) 2022-01-13
  • 1 回答
  • 0 關(guān)注
  • 185 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)