html5 canvas使用多種字體繪製文本

Question

如何使用多種字體在canvas中填充文本。 我能夠填補帆布：

這是我所想要做的

的例子這是我想要做的

我知道另一個例如我可以叮叮噹噹，首先填寫普通文本，然後填寫粗體文本，然後填入文本的其餘部分。但我想能夠拖放文本，所以我不能這樣做。

Answer 1

對不起，你運氣不好。這裏沒有簡單的方法。

如果您希望文字中間用粗體字顯示，則必須至少調用drawtext三次。

在將來可能有一段時間你可以畫任意的html，規範提到這是一個真正的可能性，但那不會有一段時間。引用規範：

注意：未來版本的2D上下文API可能會提供一種將使用CSS渲染的文檔片段直接呈現到畫布的方法。這將提供優先於多線佈局的專用方式。

從the end of this section。

你當然還可以拖放，你只需要有一個構成「節點」的元素及其位置列表。毫無疑問，畫布中已經完成了更復雜的對象。