javascript text html,javascript – KonvaJS：Text对象中的HTML

实际上,您可以从

font-awesome加载许多图标,并制作漂亮的网络应用程序：

window.onload = function () {

var stage = new Konva.Stage({

container: 'container',

width: 1000,

height: 1000

});

var layer = new Konva.Layer();

var simpleText = new Konva.Text({

x: stage.getWidth() / 10,

y: 15,

text: "\uf21c",

fontSize: 300,

fontFamily: 'FontAwesome',

fill: 'green'

});

layer.add(simpleText);

stage.add(layer);

}

@font-face {

font-family: 'FontAwesome';

src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf');

font-weight: normal;

font-style: normal;

}

JS Bin

dummyText