cufon.js 与 fabric.js 冲突答案

【问题标题】：cufon.js conflict with fabric.jscufon.js 与 fabric.js 冲突
【发布时间】：2013-04-09 01:50:18
【问题描述】：

我正在使用 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>

【问题讨论】：

我使用的是面料版本 0.9.15...
更新的版本会发生这种情况吗？ 1.1.0 例如github.com/kangax/fabric.js/tags
这与fabricjs.com 底部的“下载最新版本”链接不同。无论如何，使用 OP 中更新的脚本链接（fabric.js 是 dist 文件夹中的 all.min.js）在 1.1.0 中问题仍然存在。
还注意到在 1.1.0 中我无法旋转对象，而在 0.9.15 中自动启用了旋转。
是的，旋转现在与版本 1+ 中的缩放分开。至于Cufon问题，需要调查一下。请在 github 上提交错误。

标签： jquery-plugins cufon fabricjs

【解决方案1】：

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

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

【讨论】：