fabric.js 怎么畫line？

var canvas = new fabric.Canvas('c');
var line = new fabric.Line([10, 20, 15, 10]);
canvas.add(line);

官網(wǎng)API已看過(guò)，第一個(gè)參數(shù)是表示兩個(gè)點(diǎn)位置坐標(biāo)的數(shù)組，第二個(gè)參數(shù)是一個(gè)對(duì)象，兩個(gè)都是optional，但是就是顯示不出來(lái)？

回答

編輯回答

解夏

有默認(rèn)顏色選項(xiàng)的，你這樣設(shè)置有報(bào)錯(cuò)嗎？

2017年11月4日 04:09

編輯回答

裸橙

畫一個(gè)[10,0,10,100]簡(jiǎn)單的線試試，把第二參也給上，只要不給fill屬性應(yīng)該沒(méi)問(wèn)題的。

2018年6月25日 20:12

編輯回答

空痕

let line1 = new fabric.Line([lineleft, lineheight, lineleft, 0], 
{//終止位置，線長(zhǎng)，起始位置，top，這里是從項(xiàng)目中截下來(lái)的我用了變量代替，你要用的話lineheight和lineleft用自己的變量或者數(shù)字代替。如果兩個(gè)終止位置和起始位置的數(shù)值一樣那么這個(gè)線條會(huì)垂直，這個(gè)應(yīng)該很好理解。
  fill: '#5E2300',//填充顏色
  stroke: '#5E2300',//筆觸顏色
  strokeWidth: 2,//筆觸寬度
  hasControls: false, //選中時(shí)是否可以放大縮小
  hasRotatingPoint: false,//選中時(shí)是否可以旋轉(zhuǎn)
  hasBorders:false,//選中時(shí)是否有邊框
  transparentCorners:true,
  perPixelTargetFind:true,//默認(rèn)false。當(dāng)設(shè)置為true，對(duì)象的檢測(cè)會(huì)以像互點(diǎn)為基礎(chǔ)，而不是以邊界的盒模型為基礎(chǔ)。
  selectable:true,//是否可被選中
  lockMovementX: true,//X軸是否可被移動(dòng)(true為不可，因?yàn)榍熬Y是lock)
  lockMovementY: true,//Y軸是否可被移動(dòng)(true為不可，因?yàn)榍熬Y是lock)
});

至于stroke和fill的區(qū)別：
①外層的藍(lán)色就是stroke筆觸
②內(nèi)層的綠色是fill填充

另有fabric.js API翻譯，來(lái)源CSDN merry05，感謝該作者的譯文。
如果需要可以聯(lián)系我

2017年6月4日 18:33

相關(guān)信息

熱門機(jī)構(gòu)

北大青鳥昌平校區(qū)

北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國(guó)IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育

達(dá)內(nèi)教育集團(tuán)成立于2002年，是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu)，是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市，融資1
北大課工場(chǎng)

北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合／校企合作的政策，積極推進(jìn)“中國(guó)制造2025”，實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰

博為峰，中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者

熱門課程

北大青鳥android課程

適合人群：大專以上學(xué)歷

開班時(shí)間：每月1號(hào)
北大青鳥java軟件工程師

適合人群：大學(xué)畢業(yè)生

開班時(shí)間：每月1號(hào)
北大青鳥ACCP初中課程

適合人群：初中以上學(xué)歷

開班時(shí)間：每月1號(hào)
北大青鳥大數(shù)據(jù)課程

適合人群：18歲以上人群

開班時(shí)間：每月1號(hào)

熱門教師

劉國(guó)斌Java講師

曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師，曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
王克晶Java講師

浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù)，熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn)，技術(shù)功底深厚。授課風(fēng)格授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
張老師web前端講師

精通HTML5和CSS3；Javascript及主流js庫(kù)，具有快速界面開發(fā)的能力，對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
劉蒼松Java教研總監(jiān)

具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn)，美國(guó)Dachieve 系統(tǒng)架構(gòu)師，美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。

熱門城市

fabric.js 怎么畫line？

相關(guān)信息

劉國(guó)斌Java講師

王克晶Java講師

張老師web前端講師

劉蒼松Java教研總監(jiān)

fabric.js 怎么畫line？