如何使用Konva绘制多样式文本？

Question

我现在正在使用KonvaJS。

我知道@font-face { font-family: 'BrushScriptStdMedium'; src: url('brushscriptstd.eot'); src: local('Brush Script Std'), local('BrushScriptStd'), url('brushscriptstd.woff') format('woff'), url('brushscriptstd.ttf') format('truetype');} .classname{ font:21px bold italic Arial;} 会绘制文字。但是它只接受一种样式。

这是我的code来呈现文本。

我想将Text的颜色设为Konva和其他red的颜色。

您可以进行实时编码here

Answer 1

当前，Konva无法做到这一点。要解决您的问题，您可以：

1. 使用Konva.Text的几种不同样式的实例
2. 使用自定义Konva.Shape并通过本机画布访问手动绘制所有文本