Fabric.js

기본적으로, <강한> Fabric.js가 등 SVG 이미지를 편집 및 처리 형태를 가져 오기, 개체를 추가, 라이브 드로잉처럼, 대한 HTML5 캔버스 조작에 사용할 수 있습니다 ..

이 기능의 상단에, 아마 중요한 내장 SVG가 - 투 - 캔버스 파서는 개발자가 쉽게 이전 HTML 5 캔버스에 SVG 그래픽을 내장하고 마이그레이션 할 수 있습니다.

이이 그래픽에 대한 제어를 보장 액세스 개발자는하지 않았다.

이 더 복잡한 측면에서 Fabric.js가 DOM은 HTML 페이지입니다처럼, HTML 5 캔버스 요소 위에 구축 된 대화 형 객체 모델로 간주 될 수 있습니다.

Fabric.js 모두 클라이언트 측에서 작동 (브라우저)와 서버 측 (Node.js) 환경.

을이 릴리스의 새로운 기능 무엇

• 뒤로 혼합 금지 물질 :
• JS​​ON과 Cufon 더 이상 기본 빌드에 포함 된
• 변경 기본 객체의 originX / originY이 / 상단 왼쪽에
• fabric.StaticCanvas # backgroundImage의 및 fabric.StaticCanvas # overlayImage는 fabric.Image 인스턴스입니다. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft 및 fabric.StaticCanvas # overlayImageTop이 제거되었다.
• fabric.Text # backgroundColor로는 지금 fabric.Object # backgroundColor로
• 제거 fabric.Object # toGrayscale 및 fabric.Object # overlayFill 너무 특정에 있기 때문에
• 우리는 이미 fabric.Image.filters.Grayscale에서 그 논리를 갖고 있기 때문에 fabric.StaticCanvas.toGrayscale를 제거합니다.
• 속성 centeredScaling과 centeredRotation로 분할 centerTransform. 객체 회전은 이제 진정한 centeredRotation =되지 않은 경우로 originX / originY 점을 중심으로 발생합니다. 개체 스케일링은 지금 비를 중심으로 발생 centeredScaling = 사실. 되지 않은 경우로

을 버전 1.5.0의 새로운 무엇 :

• 뒤로 혼합 금지 물질 :
• JS​​ON과 Cufon 더 이상 기본 빌드에 포함 된
• 변경 기본 객체의 originX / originY이 / 상단 왼쪽에
• fabric.StaticCanvas # backgroundImage의 및 fabric.StaticCanvas # overlayImage는 fabric.Image 인스턴스입니다. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft 및 fabric.StaticCanvas # overlayImageTop이 제거되었다.
• fabric.Text # backgroundColor로는 지금 fabric.Object # backgroundColor로
• 제거 fabric.Object # toGrayscale 및 fabric.Object # overlayFill 너무 특정에 있기 때문에
• 우리는 이미 fabric.Image.filters.Grayscale에서 그 논리를 갖고 있기 때문에 fabric.StaticCanvas.toGrayscale를 제거합니다.
• 속성 centeredScaling과 centeredRotation로 분할 centerTransform. 객체 회전은 이제 진정한 centeredRotation =되지 않은 경우로 originX / originY 점을 중심으로 발생합니다. 개체 스케일링은 지금 비를 중심으로 발생 centeredScaling = 사실. 되지 않은 경우로

을 버전 1.4.13의 새로운 무엇 :

• 뒤로 혼합 금지 물질 :
• JS​​ON과 Cufon 더 이상 기본 빌드에 포함 된
• 변경 기본 객체의 originX / originY이 / 상단 왼쪽에
• fabric.StaticCanvas # backgroundImage의 및 fabric.StaticCanvas # overlayImage는 fabric.Image 인스턴스입니다. fabric.StaticCanvas # backgroundImageOpacity, fabric.StaticCanvas # backgroundImageStretch, fabric.StaticCanvas # overlayImageLeft 및 fabric.StaticCanvas # overlayImageTop이 제거되었다.
• fabric.Text # backgroundColor로는 지금 fabric.Object # backgroundColor로
• 제거 fabric.Object # toGrayscale 및 fabric.Object # overlayFill 너무 특정에 있기 때문에
• 우리는 이미 fabric.Image.filters.Grayscale에서 그 논리를 갖고 있기 때문에 fabric.StaticCanvas.toGrayscale를 제거합니다.
• 속성 centeredScaling과 centeredRotation로 분할 centerTransform. 객체 회전은 이제 진정한 centeredRotation =되지 않은 경우로 originX / originY 점을 중심으로 발생합니다. 개체 스케일링은 지금 비를 중심으로 발생 centeredScaling = 사실. 되지 않은 경우로

을 버전 1.3.0의 새로운 무엇 :

• 제거를 선택, HasControls의, hasBorders, hasRotatingPoint, transparentCorners , perPixelTargetFind 기본 객체 / 객체의 JSON 표현에서.
  <리> 객체 회전이 지금 originX / originY 점을 중심으로 발생되지 않은 경우로 centerTransform = 사실.
• fabric.Text # textShadow 제거되었습니다 -. 새로운 fabric.Text.shadow 속성 (fabric.Shadow의 유형)
• 는 fabric.BaseBrush 그림자 속성은 하나의 속성으로 결합 = # 1 X3E된다 fabric.BaseBrush.shadow (와 shadowColor는, shadowBlur는, shadowOffsetX이 shadowOffsetY가 더 이상 존재하지 않는다).
• fabric.Path.fromObject 이제 비동기입니다. fabric.Canvas # loadFromDatalessJSON가되지 않습니다.

<강한>는 어떤 버전 1.2.0에서 를 새로운 :.

• fabric.Object # toDataURL 동기를 확인
• fabric.Text # strokeStyle - & #의 X3E; 다른 객체와의 일관성에 대한 fabric.Text 번호 스트로크.
• fabric.Object.setActive (...) - # 1 X3E; fabric.Object.set ( '활성', ...). fabric.Object.isActive가 없어 (fabric.Object.active를 사용하는 대신).

을 요구

• 자바 스크립트 클라이언트 측에서 사용 가능
• 서버 측 환경 0.6 이상 Node.js