Можно ли поставить HTML в призовых сегментах?
let theWheel = new Winwheel({
'numSegments' : 8, // Specify number of segments.
'outerRadius' : 212, // Set outer radius so wheel fits inside the background.
'textFontSize' : 28, // Set font size as desired.
'segments' : // Define segments including colour and text.
[
{'fillStyle' : '#eae56f', 'text' : '<b>'},
{'fillStyle' : '#89f26e', 'text' : 'Prize 2'},
{'fillStyle' : '#7de6ef', 'text' : '<b style="font-size:25px;">Prize</b>'}, // HTML here
{'fillStyle' : '#e7706f', 'text' : 'Prize 4'},
{'fillStyle' : '#eae56f', 'text' : 'Prize 5'},
{'fillStyle' : '#89f26e', 'text' : 'Prize 6'},
{'fillStyle' : '#7de6ef', 'text' : 'Prize 7'},
{'fillStyle' : '#e7706f', 'text' : 'Prize 8'}
],
'animation' : // Specify the animation to use.
{
'type' : 'spinToStop',
'duration' : 15,
'spins' : 8,
'callbackFinished' : alertPrize,
'callbackSound' : playSound, // Function to call when the tick sound is to be triggered.
'soundTrigger' : 'pin' // Specify pins are to trigger the sound, the other option is 'segment'.
},
'pins' :
{
'number' : 16 // Number of pins. They space evenly around the wheel.
}
});
, как вы можете видеть, я поставил HTML в третьем сегменте, но когда я его пробую, он выводит все как текст, почему это так, и как я могу сделать так, чтобы он выводился как HTML?
Я использую популярную библиотеку http://dougtesting.net/winwheel/docs