fabric.js自定义字体的引入

来源:互联网 发布:java yield join 编辑:程序博客网 时间:2024/05/20 07:16

引入插件

 <script src="/fontfaceobserver-master/fontfaceobserver.js"></script>

css引入字体

<style>                 @font-face {            font-family:博洋草体二;            src:url('/fonts/art/bycte.ttf') format("truetype");        }</style>

映入js

function loadFont(font){    //canvas.getActiveObject().set("fontFamily","方正小篆体");     var myfont = new FontFaceObserver(font);      myfont.load()        .then(function() {          // when font is loaded, use it.          canvas.getActiveObject().set("fontFamily", font);          canvas.requestRenderAll();        }).catch(function(e) {          console.log(e);        });}