所以,我正在构建一个简单的视频编辑器。我正在使用 Fabric.js <script src="/js/fabric.js"></script>
操作我正在编辑的 Canvas 。
我省略了它的序列化和解析器模型,但它仍然使用 eval 来抛出错误:
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,那就太好了。
提前致谢。
最佳答案
Fabric 不符合'unsafe-eval'
CSP 的事实是known issue .
因此,在应用或扩展中使用它的唯一方法是将其沙箱化:在作为沙箱加载的框架中执行所有操作,并使用 postMessage
双向传递数据。
关于javascript - 在 Chrome 应用中使用 Fabric.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39542113/