Я создаю несколько спрайтов и хочу установить width для каждого холста, но width применяется ко всем холстам, а метка масштабируется
function createSprite(message) {
var fontsize = 4;
var fontface = "Helvetica";
var canvas = $doc.createElement('canvas');
var context = canvas.getContext('2d');
context.font = fontsize + "px " + fontface;
var textWidth = context.measureText(message).width;
canvas.width = textWidth
context.font = fontsize + "px " + fontface;
context.fillText(message, 0, fontsize);
var texture = new $wnd.THREE.Texture(canvas)
texture.minFilter = $wnd.THREE.LinearFilter;
texture.needsUpdate = true;
return new $wnd.THREE.SpriteMaterial({
map: texture,
});
}
Я пытаюсь вызвать context.beginPath()
, ноэто не работает.
Как я могу это исправить?
спрайты теперь выглядят так