Html2canvas: Bild mit Randradius funktioniert nicht

Erstellt am 7. März 2014 · 6Kommentare · Quelle: niklasvh/html2canvas

Bilder mit Randradius erscheinen als Quadrat. Ich habe versucht, einen 1px-Rahmen mit Farbe und Transparenz hinzuzufügen, um den Rahmen zu erzwingen.

Ich habe es auch mit einem Wrapper-Div mit dem Rahmen und overflow:hidden versucht, aber es funktioniert auch nicht.

Ist das ein Fehler? Gibt es einen CSS-Trick, um es zu lösen?

Bug

Quelle

jorgecasar

Alle 6 Kommentare

Das, was Sie gesagt haben, scheint ein Fehler zu sein, aber setzen Sie einen Testfall des Problems ein, um zu verstehen, wie Sie mit dem HTML-Code arbeiten.

brcontainer am 7. März 2014

Ich habe dieses Jsfindle erstellt, aber es funktioniert nicht wegen der externen Bilder, denke ich. Aber es reicht, ein Beispiel für das zu zeigen, was ich getestet habe.

Schmutziger Trick: Im Moment habe ich die Bilder für Hintergrundbilder geändert.

jorgecasar am 7. März 2014

Ist wirklich ein BUG, keine Renderbilder mit Randradius.

Das div#test2 kann rendern, aber das Bild überlappt es.

@niklasvh tritt auch auf 5.0-rc1 auf

brcontainer am 7. März 2014

Sollte behoben werden

niklasvh am 7. Okt. 2014

@niklasvh hallo, ich benutze v1.0.0-alpha.10, und ich habe immer noch dieses Problem~

peterzhai am 9. Okt. 2018

Wurde dieses Problem behoben? Ich versuche, ein Bild von einem Canvas-Element herunterzuladen, das einen Randradius hat, aber das gespeicherte Bild (von canvas.todataurl()) ist quadratisch.