Html2canvas: L'image avec border-radius ne fonctionne pas

Créé le 7 mars 2014 · 6Commentaires · Source: niklasvh/html2canvas

Les images avec un rayon de bordure apparaissent sous la forme d'un carré. J'ai essayé d'ajouter une bordure 1px avec couleur et transparente pour forcer la bordure.

J'ai également essayé avec un wrapper div avec la bordure et le débordement:hidden , mais cela ne fonctionne pas non plus.

Est-ce un bug ? Y a-t-il une astuce CSS pour le résoudre ?

Bug

Source

jorgecasar

Tous les 6 commentaires

par ce que vous avez dit semble être un bogue, mais mettez un cas de test du problème pour comprendre comment vous travaillez le html.

brcontainer le 7 mars 2014

J'ai fait ce jsfindle mais cela ne fonctionne pas à cause des images externes, je suppose. Mais il suffit de montrer un exemple de ce que j'ai testé.

Sale truc : pour le moment, j'ai changé les images pour les images d'arrière-plan.

jorgecasar le 7 mars 2014

Est-ce vraiment un BUG, qui ne rend pas les images avec un rayon de bordure.

Le div#test2 peut être rendu, mais l'image le chevauche.

@niklasvh se produit également sur 5.0-rc1

brcontainer le 7 mars 2014

Devrait être corrigé

niklasvh le 7 oct. 2014

@niklasvh bonjour, j'utilise v1.0.0-alpha.10, et j'ai toujours ce problème~

peterzhai le 9 oct. 2018

est ce que ce problème a été résolu? J'essaie de télécharger une image à partir d'un élément canvas qui a un rayon de bordure mais l'image enregistrée (à partir de canvas.todataurl()) est carrée.