cufon.js conflict with fabric.js



我使用cufon.js来渲染一些文本。文本不是在织物画布,也存在于页面上。删除fabric.js允许文本渲染OK,但是当我把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>

您需要呈现所有字体替换。看这个:

$("#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/

最新更新