最近、ドラッグ可能な四角形を実装するために Javascript と Raphaël を学ぶ予定ですが、その四角形にはラベルが表示される必要があります。インターネットで調べてみると、これは比較的評判が悪いようです。私は Javascript を学んでまだ数日しか経っていないので、コードを書くのはおそらく非常に下手です。 コードをコピーします コードは次のとおりです。 ラファエル - 接続 <br>関数 Entity(r, l, t, w, h) { <br>this.Label = r.text(l w/2, t h/2, "Hello World!"); <br>this.Rectangle = r.rect(l, t, w, h, 10).attr ({fill :"brown", ストローク:"#666", title:"A Rectangle"}).drag(move, Dragger, up).data("cooperative", this.Label).toBack(); >function Dragger (){ <br>this.xx = this.attr("x"); <br>this.yy = this.attr("y"); <br>this.animate({"fill-opacity ": . 2}, 500); <br>} <br>function move(dx, dy){ <br>var attr = {x: this.xx dx, y: this.yy dy}; <br>this .attr( attr); <br>var lb = this.data("cooperative"); <br>var attr1 = {x: this.xx dx this.attr("width") / 2, y: this.yyこれを実行します。 attr("height") / 2}; <br>lb.attr(attr1); <br>function up(){ <br>this.animate({"fill-opacity": 1 }, 300 ); <br>} <br>} <br>window.onload = function(){ <br>var r = Raphael("holder", 620, 420),discattr={fill:"red",ストローク:" none"}; <br>varentity1 = new Entity(r, 0, 60, 40); ><本文><br></div> <br><br> >実装方法 Rectangleのカスタム属性としてTextを使用し、ドラッグ時にRectangleと一緒に移動するように制御するだけです。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
