在与Fabric.js关联的画布外部使用Cufon

当我尝试在与Fabric.js关联的画布外部使用Cufon lib时，我遇到了一个问题。我正在尝试在我的应用程序中创建一个文本字体选择器，以显示可用的字体。选择器将显示字体名称作为字体样本（如Photoshop等）。因此，为了构建样本名称，我试图使用Cufon替换字体样式，但是Fabric.js不允许在画布外部使用。 Fabric.js显示Cufon在画布内替换的文本。有人知道如何解决这个问题？谢谢。在与Fabric.js关联的画布外部使用Cufon

来源

2012-03-22 rodrigopandini

我发现了一个在fabric.js之外使用Cufon的方法，但它确实是一个肮脏的黑客攻击。

首先我在github的页面上添加了另一个cufon.js。然后我在编辑器中打开它，并将'Cufon'自动重命名为'CufonBase'。

我写了一个wraper功能registerFont，调用它两次，每次的Cufón和CufonBase：

var makeWrap = function(fn1, fn2){ 
    return function(){ 
    try{ 
     fn2.apply(this, arguments); 
     return fn1.apply(this, arguments); 
    }catch(ex){ 
     ErrorHandler.Exception(ex); 
    } 
    }; 
}; 

Cufon.registerFont = makeWrap(Cufon.registerFont, CufonBase.registerFont);

这将覆盖字体加载并调用CufonBase.registerFont也，所以你的Cufón的基础方法不必修改你的字体js。

然后你就可以拨打：

CufonBase.replace('h1', {fontFamily: 'font_name'});

而且它为我工作。

来源

2012-05-23 10:33:41 itima

在与Fabric.js关联的画布外部使用Cufon

回答

相关问题