Leinwandbild mit runden Ecken

Ich benutzeDieser Coverflow Skript auf meiner Website und ich weiß nicht, wie man die Leinwand mit abgerundeten Ecken ausgibt.

Dies ist der Code, der das Bild zeichnet

ctx.drawImage(image, cropLeft, cropTop, wid-2*cropLeft, hei-2*cropTop, 0, 0, newWidth, newHeight);

Ich habe einige Tutorials mit den Funktionen arc () oder arcTo () gelesen, aber keine davon verwendet ein Bild als Objekt.

UPDATE1: Ich sehe, dass drawimage () nur die folgenden Parameter zum Zeichnen hat: • Bilder mit der gleichen Größe und Zusammensetzung wie das Original • Bilder, deren Größe vom Original geändert wurde • Bilder, die vom Original abgeschnitten wurden

Es ist also nicht möglich, Bilder mit abgerundeten Ecken durch die Leinwand zu zeichnen.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage