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