我使用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/