Automattic / Automattic/node-canvas

Incorrect text scaling

Open
#1,544 41 comments 10 reactions 0 assignees View on GitHub
Bug Needs more info Text & Fonts
Dominant language
JavaScript
Stars
10.7k
Forks
1.2k
Avg merge
4d 8h
Merged PRs (30d)
1

Description

```js
const fs = require('fs');
const {
createCanvas
} = require('canvas');

const text = "2020";
const canvas = createCanvas(500, 500);
const ctx = canvas.getContext('2d');

ctx.font = '36px Verdana';
ctx.fillStyle = 'red';
ctx.textAlign = 'left';
ctx.textBaseline = 'top';

ctx.scale(1, 4);
ctx.fillText(text, 50, 50);

fs.writeFileSync('canvas-text-scale.png', canvas.toBuffer(undefined, 3, canvas.PNG_FILTER_NONE));
```

Output:
![canvas-text-scale](https://user-images.githubusercontent.com/986756/77292828-9fbd2200-6d13-11ea-9eb1-1dc5987ef6fc.png)

Expected:
![Снимок экрана 2020-03-23 в 14 36 57](https://user-images.githubusercontent.com/986756/77292884-c2e7d180-6d13-11ea-9ef4-805c68f81fe7.png)

macOS 10.15.3
node 11.15.0
canvas 2.6.1

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.