FlexCanvasJS 다운로드 FlexCanvasJS 소스 코드 다운로드

FlexCanvasJS

웹사이트 데이터

v1.3.2

다운로드

Flexcanvasjs

HTML5 캔버스 용 RIA 웹 응용 프로그램 프레임 워크

HTML5 캔버스를 사용하여 풍부한 인터넷 애플리케이션을 쉽게 만들 수 있습니다.

FlexCanvasjs는 고도로 사용자 정의 가능한 사용자 대화식 캔버스 디스플레이 요소, 계층 적 부모 / 자식 디스플레이 목록, UI 이벤트, 스타일링 및 스키닝, 상대 및 동적 레이아웃, 자동 레드 로프 지역 및 버튼, DROPDOWNS, DATAGRIDS, DATE COPTERS, DATE CONTRON 및 CORPONTS 및 WATHENTERENCERES 및 FRAPPENT WATHENTER 및 WATHENTERE STAPENT WALLE STRAPENT와 같은 많은 UI 컨트롤을 포함합니다. 또는 컨트롤.

마우스, 키보드, 포커스, 롤오버 등을 포함하여 캡처 및 버블 링 단계를 포함한 대부분의 전형적인 UI 이벤트는 지원됩니다.

복잡한 확장 가능한 레이아웃은 컨테이너 요소 중첩으로 쉽게 달성 할 수 있습니다. Datalist 및 DataGrid와 같은 데이터 중심 컨테이너는 매우 큰 데이터 세트를 표시하는 동시에 화면에서 보이는 것을 탁월한 성능을 유지하기 위해 화면에 보이는 것을 렌더링하고 관련 데이터 수집이 변경 될 때 너무 바인딩하고 자동 업데이트됩니다.

강력한 스타일 및 스키닝 시스템이 제공되어 UI 제어의 외관과 동작을 쉽게 수정하고 사용자 정의 할 수 있습니다.

Flexcanvasjs는 당신을 위해 무거운 리프팅을합니다. 렌더 캐싱,로드 영역, 복합 레이어 및 효과는 가장 복잡하고 애니메이션 및 크게 계층화 된 애플리케이션 및 게임에서도 우수한 성능을 제공하기 위해 모두 자동입니다.

시작하기

당신이 필요한 것은 Flexcanvasjs 라이브러리와 HTML 캔버스 만 있으면됩니다. 최신 릴리스에서 조정 된 라이브러리를 다운로드하십시오.

아래의 예는 모든 캔버스가 작동하지만 전체 화면 캔버스를 사용하는 것입니다.

 <!DOCTYPE html >
< html >
  < head >
    < meta charset = utf-8 >
    < title > FlexCanvasJS Web Application </ title >
    < style >
      html, body, canvas { width: 100%; height: 100%; margin: 0; overflow: hidden; }
    </ style >
    < script src =" FlexCanvasJS_min.js " type =" text/javascript " > </ script > 
  </ head >
  < body >
    <!-- Full screen canvas -->
    < canvas id =" flexCanvasApplication " > </ canvas >
  </ body >
</ html >

이제 Dom Canvas를 Flexcanvasjs Canvasmanager에 부착하고 요소를 생성하고 스타일링하십시오.

 //Create elements
var canvasManager = new CanvasManager ( ) ;
var colorPicker = new ColorPickerElement ( ) ;

function init ( )
{
	//Attach the DOM canvas to our CanvasManager
	canvasManager . setCanvas ( document . getElementById ( "flexCanvasApplication" ) ) ;
	
	//Set up our color picker - add style definitions, event listeners, etc.
	colorPicker . setStyle ( "X" , 50 ) ;
	colorPicker . setStyle ( "Y" , 50 ) ;
	
	//Add colorPicker to CanvasManager
	canvasManager . addElement ( colorPicker ) ;
}