fengyuanchen/cropperjs

Sometimes after crop white color not white

Ouverte

#1 072 ouverte le 17 mai 2023

Voir sur GitHubGuide contributeur
 (7 commentaires) (0 réaction) (0 personne assignée)TypeScript (2 432 forks)batch import
help wantedquestionv1

Métriques du dépôt

Stars
 (13 861 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Describe the bug Sometimes after crop white color not white, it depends on the position crop area. It happens on all images with white color(maybe not only white, but on white color it more noticeably) only on chrome browser.

To Reproduce

const cropper = new cropperjs(document.getElementById('source'), {
  aspectRatio: 1,
  ready: function() {
    this.cropper.setCropBoxData({
      left: 72,
      top: 18,
      width: 250,
      height: 250,
    })
    
    crop()
  }
})

function crop() {
  document.getElementById('preview').src = cropper.getCroppedCanvas({
    imageSmoothingEnabled: true,
    imageSmoothingQuality: 'high',
    fillColor: '#fff',
  }).toDataURL()
}

document.getElementById('save').onclick = crop

https://codepen.io/rodigy/pen/abRRmQq

Expected behavior White color not chaged.

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Chrome
  • Version 113

Additional context Tested on firefox, work fine

Guide contributeur

Direction de recherche
Examiner les différences de rendu du canvas entre Chrome et Firefox, en particulier le comportement du lissage d'image et de la couleur de remplissage. Vérifier si le problème est dû à un arrondi de sous pixel ou à l'état du canvas.
Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Aucun
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75