지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

텍스트 labels_javascript 기술을 사용한 Raphael의 드래그 가능한 그래픽 구현 코드

WBOY
풀어 주다： 2016-05-16 17:41:43
원래의
1122명이 탐색했습니다.

최근에는 드래그 가능한 직사각형을 구현하기 위해 Javascript와 Raphaël을 배울 계획이며 직사각형에 라벨이 표시되어야 합니다. 인터넷을 확인해 본 결과, 이 일은 상대적으로 인기가 없습니다. 저는 Javascript를 배운 지 며칠밖에 되지 않아 코드 작성에 서툴 수 있습니다.

코드 복사 코드는 다음과 같습니다.



Raphaël - 연결

>< 본문>



> 구현 방법 Text를 Rectangle의 사용자 정의 속성으로 사용하면 드래그 시 Rectangle과 함께 이동하도록 제어할 수 있습니다.
관련 라벨：
图形 标签
원천：php.cn
이전 기사：JS_javascript 기술에서 Number를 선언하는 다섯 가지 알려지지 않은 방법에 대한 간략한 개요 다음 기사：jquery에서 배워야 할 jQuery 성능 최적화에 대한 28가지 제안
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
SQL Count()에도 0이 필요합니다. 테이블이 하나만 있고 0으로 시작하는 태그의 각 항목을 계산하고 싶습니다. 이제 다음을 시도합니다. SELECT tag,COUNT(start)ASAnzahl,us...
에서 2024-04-06 19:48:53
0
1
449
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
SCSS를 사용하여 기본값 및 CSS 변수 생성 웹사이트 스타일링을 구현하고 있습니다. 레거시 지원상의 이유로 적어도 한동안은 IE11을 지원해야 합니다. 작업 흐름과 제정신의 이유로 가능할 때마다 CSS 변수...
에서 2024-04-06 17:46:54
0
1
355
사이트에 CSS 스타일이 적용되지 않음 Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경...
에서 2024-04-06 17:12:23
0
1
336
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿