Automattic/node-canvas

Right-aligned text with leading/trailing spaces rendered incorrectly

Open

#333 创建于 2013年10月1日

在 GitHub 查看
 (9 评论) (1 反应) (0 负责人)JavaScript (9,524 star) (1,140 fork)batch import
BugHelp wantedText & Fonts

描述

Using a simple test like this:

ctx.font = '30px Arial';
ctx.textAlign = 'right';
ctx.strokeRect(100, 100, 100, 100);
ctx.fillText('   foobar', 100, 100);

... I'm getting incorrect rendering in latest node-canvas:

leading_spaces_nodecanvas

compare to the same output in Chrome (and FF):

leading_spaces_chrome

There's a similar problem with trailing spaces.

node-canvas:

trailing_spaces_nodecanvas

Chrome (FF):

trailing_spaces_chrome

贡献者指南

技术栈
javascriptnodejs
领域
backend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Basic knowledge of Node Canvas APIUnderstanding of text alignment
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
Investigate how the canvas text rendering handles leading and trailing spaces when text alignment is set to 'right'. Look at the C++ source code for text measurement and drawing in src/canvas.cc or similar files. Check the comments for any previous attempts or maintainer hints. Compare the behavior with browser canvas to identify the discrepancy in space handling.
Right-aligned text with leading/trailing spaces rendered incorrectly · Automattic/node-canvas#333 | Good First Issue