>

여기. 범위는 다음과 같습니다.

<올>
  • 위 페이지에 지정된대로 선을 숫자 범위로 그립니다
  • 사용자 입력을 요청하는 기능 (예 : 특정 지점의 숫자 또는 특정 숫자의 앞뒤에있는 숫자)
  • 라인/숫자에 다른 색상 제공
  • 어떤 종류의 추상화를 사용할 수 있습니까? 간단한 방법으로이 작업을 수행 할 수 있습니까? (html5 캔버스 또는 jquery 또는 자바 스크립트 또는 HTML 코드를 생성 할 수있는 기타 프레임 워크)


    • 답변 # 1

      캔버스 요소 사용하기

      $(function() {
        var canvas = $('canvas')[0];
        var ctx = canvas.getContext('2d');
        var w = canvas.width = 700;
        var h = canvas.height = 400;
        with(ctx) {
          fillStyle = '#000';
          fillRect(0, 0, w, h);
          fill();
          beginPath();
          lineWidth = 2;
          strokeStyle = '#f00';
          moveTo(w/7, h/2);
          lineTo(6*w/7, h/2);
          stroke();
          for(var i = -10;i <= 10; i++) {
            beginPath();
            strokeStyle = '#0f0';
            lineWidth = 2;
            moveTo(w/2 + i * 20, h/2 - 20);
            lineTo(w/2 + i * 20, h/2 + 20);
            fillStyle = '#ff0';
            fillText(i, (w/2 + i * 20 )- 5, h/2 + 35);
            if(!i) {
              lineWidth = 4;
              strokeStyle = '#f0f';
            }
            fill();
            stroke();
          }
        }
      });
      
      
      행동 참조

      ur 요구 사항에 따라 자신의 모듈을 추가 할 수 있다고 생각합니다 :)

    • 답변 # 2

      아직 Raphael.js로 많은 작업을 수행하지는 않았지만 멋지게 보입니다.

      http://dmitrybaranovskiy.github.io/raphael/

    관련 자료

  • 이전 날짜의 핵심 데이터 NSPredicate
  • 다음 wpf - Windows 클래식 테마에서 비활성화 된 목록 상자의 배경색 변경