Automattic/node-canvas

fillStyle and strokeStyle fail when using fractional values on rgba

Open

#1.787 geöffnet am 19. Apr. 2021

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (9.524 Stars) (1.140 Forks)batch import
BugGood first issue

Beschreibung

Issue or Feature

Whenever you try to set a color style with fractional components like 'rgba(120.1, 120.2, 120.3, 1)', it fails to parse and defaults to a black color.

Steps to Reproduce

var Canvas = require('canvas');
var canvas = Canvas.createCanvas(200, 200);
var ctx = canvas.getContext('2d');
ctx.fillStyle = 'rgba(240.2,0,0,1)';
ctx.fillRect(20, 20, 40, 40);

Shows a black rectangle instead of a red one.

Your Environment

node-canvas 2.7.0 Node is v12.16.1 on OS X Catalina 10.15.7

Contributor Guide

Tech Stack
javascriptc
Domain
backendtooling
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
basic JavaScriptfamiliarity with Node.js native modulesunderstanding of CSS color parsing
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
The bug is in the native color parsing code, likely in 'src/color.cc' or similar. The parsing of 'rgba()' currently fails when color components have decimal points. To fix, update the regular expression or parsing logic to accept fractional values like 'rgba(120.1, 120.2, 120.3, 1)'. Check the existing test suite in 'test/' for related color tests and add a test case for fractional rgba. Ensure the fix handles both 'rgba' and 'hsla' consistently if needed.