cufon.js与fabric.js冲突

时间:2013-04-09 01:50:18

标签: jquery-plugins cufon fabricjs

我正在使用cufon.js来渲染一些文字。文本不在页面上也存在的结构画布中。删除fabric.js允许文本呈现正常,但是当我将fabric.js放回时会中断。呈现文本的脚本是:

<script type="text/javascript">
Cufon.replace('#signature');
</script>

我该如何解决这个问题?

更新:

这些是我在页面上的脚本链接(fabric.js是在dist文件夹中找到的all.min.js版本1.1.0)

<script type="text/javascript" src="../scripts/cufon-yui.js" type="text/javascript"></script>
<script type="text/javascript" src="../scripts/font.js" type="text/javascript"></script>
<script type="text/javascript" src="../scripts/fabric.js" type="text/javascript"></script>

1 个答案:

答案 0 :(得分:0)

您需要渲染所有字体替换。看这个:

$("#signature").change(function(e){
    var object = canvas.getActiveObject();
    if(object && object.type == "text"){
        object.fontFamily = $(this).val();
        canvas.renderAll();
    }
});

Cufon.replace('#signature', {fontFamily: '<font_name>'});

检查一下:

http://jsfiddle.net/ptCoder/tcVUt/