2
캔버스 드로잉에 멋진 api를 사용하기 때문에 fabric.js 자바 스크립트 프레임 워크를 사용하고 있습니다. 하지만이 프레임 워크를 사용하여 서식있는 텍스트 편집 기능을 지원해야합니다. 예를 들어 텍스트 상자에 텍스트 상자를 입력하고 텍스트를 부분적으로 편집하려는 경우 색상 글꼴 등을 변경하고 캔버스에 저장합니다. 내가 가진Fabric.js 리치 텍스트 편집을위한 javascript 프레임 워크
하나의 옵션은
것은 무엇이를위한 최선의 방법이어야한다 처음에는 채우기 텍스트 등으로 캔버스 텍스트로 변환 할 필요가 일반 텍스트 상자 할 그것의 부분 편집 및 생성 된 HTML을 만드는 것입니다 ?
나는 [이 블로그 기사 한 가지 가능성에 대해] (http://abdiassoftware.com/blog/2013/10/using-svg-to-automatically-format-and-wrap-text-on-a-canvas -element /)하지만 다른 구조를 사용해야 할 경우 패브릭 용이 아닙니다. 하지만 캔버스에 이미지를 그리는 것을 지원하는 패브릭 및 기타 라이브러리와 함께 * 조합하여 사용할 수도 있습니다. – K3N
감사합니다. Ken, MDN의 아래 링크에서 언급 한 내용과 같을 것입니다. - https://developer.mozilla.org/en/docs/HTML/Canvas/Drawing_DOM_objects_into_a_canvas,하지만 IE9에서는 작동하지 않습니다. IE9도 지원합니까? – ammu
예, 부분적으로 그 부분을 기반으로합니다 (하단에 링크를 제공합니다). 하나에 대한 액세스 권한이 없기 때문에 IE9에 대해서는 잘 모르겠지만 초기에는 회의론적일 것입니다. 캔버스의 유일한 다른 옵션은 서식을 복제하는 파서를 만드는 것입니다 (html2canvas 및 다른 라이브러리는 일부 코드 입력을 제공 할 수 있음). 이를 위해 또는 라이브러리를 사용하여 모든 것을 처리 할 수 있습니다. iframe에서 텍스트 영역을 분리하여 html2canvas가 해당 부분 만 잡을 수 있습니다. – K3N