fabric.js是一個(gè)canvas的框架鬼雀，可以快速的渲染文字顷窒，圖片，線條源哩，長方形鞋吉，正方式，濾鏡励烦，動(dòng)畫等功能谓着，下面就讓我們來看看fabric.js怎么繪制一個(gè)可編輯的文字：
首先在html中創(chuàng)建一個(gè)canvas標(biāo)簽
<script src="https://cdn.bootcss.com/fabric.js/2.0.0-beta.7/fabric.min.js"></script>
<canvas id='myCanvas' width='300' height='200'></canvas>
<script>
var canvas=new fabric.Canvas('myCanvas')
var text=new fabric.IText('I'm in Comic Sanc',{
left:0,
top:0,
fill:'#000',
fontFamily: 'Comic Sans'
})
canvas.add(text)
</script>
到這里渲染文字就完成了，fabric.js繪制一個(gè)可編輯坛掠，拉伸赊锚，縮放，旋轉(zhuǎn)屉栓，移動(dòng)的文字就好了舷蒲。
下面介紹文字的常用屬性：
width: 文字的寬度
height: 文字的高度
top: 文字的頂邊距離
left: 文字的左邊距離
fill: 文字填充顏色
fontFamily: 字體
fontSize: 字體大小
scaleX: X縮放比例，默認(rèn)為1
scaleY: Y縮放比例友多，默認(rèn)為1
strokeWidth: 邊框?qū)挾?stroke: 邊框顏色
textAlign: 對(duì)齊方式
textBackgroundColor:'',文字背景顏色
lineHeight: 行高
fontWeight: 文字粗細(xì)
初次寫文章希望大家喜歡牲平，也希望大家指點(diǎn)錯(cuò)誤，也可以加入qq群439667347域滥，大家一起討論欠拾，一起進(jìn)步，后續(xù)更新中...
