Fabric.js的Text疑問

fabricjs itext text

juice416021 2020-10-29 02:37:31 ‧ 1218 瀏覽

程式碼如下

            text = new fabric.IText(text1, {
                left: 180,
                top: 200,
                fontFamily:  "Helvetica",　// 字型
                fill: 'yellow',
                fontWeight:id="textsize",　// 字體粗細
            })
            canvas.add(text)

請問如果我"已經"把IText加進canvas之後
有辦法更改他的設定嗎?
比如我用一個滑動桿

<input id="textsize" type="range" min="100"  step="300" value="50" max="1000">

拉這個滑動桿的"同時"文字會跟著變粗變細
或是利用類似的方法更改顏色、字型之類的
這是做得到的嗎?
如果可以的話該怎麼做?
感謝

通靈亡 iT邦高手 1 級 ‧ 2020-10-29 09:09:48 檢舉

https://stackoverflow.com/questions/24347527/change-text-font-in-fabric-js

juice416021 iT邦新手 5 級 ‧ 2020-11-05 12:56:07 檢舉

感謝你們我成功字型跟粗細了!

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

glj8989332

iT邦研究生 4 級 ‧ 2020-10-29 09:10:18

最佳解答

大概是這樣做

增加一個scrollbar且對應的onchange事件處理
將scrollbar的值指定到IText物件的'fontSize'屬性
用canvas.renderAll()做重新渲染

https://jsfiddle.net/29b7jgwc/2/

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

Fabric.js的Text疑問

1 個回答

我要發表回答

標記使用者