HTML5通知圖像中的圓角

Question

是否可以在HTML5通知中顯示圓角的圖像？

我說的是這個HTML5 API：

new Notification(title, { icon: imageURL });

Answer 1

我不認為有一個帶有圓角的圖標顯示選項。

但是解決方案可能是通過使用HTMLCanvas創建新圖片來使Image圓角化：

• 創建具有圖像寬度和高度的畫布元素
• 在畫布元素context.drawImage(img,x,y);上繪制圖像context.drawImage(img,x,y);
• 繪制圓角或使用剪切路徑剪切
• 保存圖片以將其用於通知var dataURL = canvas.toDataURL();

編輯：這是“ Web通知”的完整規范： https : //dvcs.w3.org/hg/notifications/raw-file/tip/Overview.html-您只能定義圖片/圖標，沒有樣式屬性，所以是的，您將自己修改圖像