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.