Chrome 앱에서 Fabric.js 사용하기

Question

그래서 간단한 비디오 편집기를 만들고 있습니다. Fabric.js <script src="/js/fabric.js"></script>을 사용하여 편집 작업을 수행중인 캔버스를 조작합니다.

나는 그것의 직렬화 및 파서 모델을 떠 났어요하지만 여전히 오류가 발생 뭔가 평가를 사용

여전히 Uncaught EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "default-src 'self' blob: filesystem: chrome-extension-resource:".

fabric.Canvas(String id)이 있지만 개체를하지 않는 모양 작품을 (예 new fabric.Rect(); 던졌습니다 Uncaught TypeError: fabric.Circle is not a constructor)

이것은 내 첫 번째 Chrome 앱이며 실제로 어떤 일이 발생하는지 이해하지 못합니다. 누구나이 환경에서 Fabric을 사용하는 방법을 가장 잘 이해할 수 있다면 도움이 될 것입니다.

미리 감사드립니다.

Answer 1

패브릭이 'unsafe-eval'이 아닌 사실은 known issue입니다.

이와 같이 앱 또는 확장 프로그램에서 사용할 수있는 유일한 방법은 샌드 박스로 샌드 박스로로드 된 프레임에서 모든 작업을 수행하고 postMessage으로 데이터를 양방향으로 전달하는 것입니다.

당신은 직물의 사용자 지정 빌드를 사용 "Using eval in Chrome Extensions. Safely."