如何证明在html5画布中对齐文本？

如果你想支持换行,你必须自己支持,你可以在这里看到之前的讨论：HTML5 Canvas – can I somehow use linefeeds in fillText()?

这是我对自动换行/换行的实现：

function printAtWordWrap(context,text,x,y,lineHeight,fitWidth) {
        fitWidth = fitWidth || 0;
        lineHeight = lineHeight || 20;

        var currentLine = 0;

        var lines = text.split(/\r\n|\r|\n/);
        for (var line = 0; line < lines.length; line++) {


            if (fitWidth <= 0) {
                context.fillText(lines[line],y + (lineHeight * currentLinE));
            } else {
                var words = lines[line].split(' ');
                var idx = 1;
                while (words.length > 0 && idx <= words.length) {
                    var str = words.slice(0,idX).join(' ');
                    var w = context.measureText(str).width;
                    if (w > fitWidth) {
                        if (idx == 1) {
                            idx = 2;
                        }
                        context.fillText(words.slice(0,idx - 1).join(' '),y + (lineHeight * currentLinE));
                        currentLine++;
                        words = words.splice(idx - 1);
                        idx = 1;
                    }
                    else
                    { idx++; }
                }
                if (idx > 0)
                    context.fillText(words.join(' '),y + (lineHeight * currentLinE));
            }
            currentLine++;
        }
    }

那里不支持对齐或对齐,你必须添加它