최근에는 드래그 가능한 직사각형을 구현하기 위해 Javascript와 Raphaël을 배울 계획이며 직사각형에 라벨이 표시되어야 합니다. 인터넷을 확인해 본 결과, 이 일은 상대적으로 인기가 없습니다. 저는 Javascript를 배운 지 며칠밖에 되지 않아 코드 작성에 서툴 수 있습니다. 코드 복사 코드는 다음과 같습니다. Raphaël - 연결 <br>함수 엔터티(r, l, t, w, h) { <br>this.Label = r.text(l w/2, t h/2, "Hello World!") <br>this.Rectangle = r.ect(l, t, w, h, 10).attr ({fill:"brown", 스트로크:"#666", title:"사각형"}).drag(move, Dragger, up).data("cooperative", this.Label).toBack() <br>function Dragger(){ <br>this.xx = this.attr("x"); <br>this.yy = this.attr("y") <br>this.animate({"fill-opacity) ": . 2}, 500); <br>} <br>함수 이동(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 dy this.attr("height") / 2}; <br>lb.attr(attr1); <br>} <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", 스트로크:" 없음"}; <br>varentity1 = new Entity(r, 0, 0, 60, 40) <br> >< 본문> > 구현 방법 Text를 Rectangle의 사용자 정의 속성으로 사용하면 드래그 시 Rectangle과 함께 이동하도록 제어할 수 있습니다.