HTML5通知图片中的圆角

Question

是否可以在HTML5通知中显示角圆形图像？

我正在谈论这个HTML5 API：

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

Answer 1

我不认为有一个选项显示带有圆角的Icon。

但是解决方案可能是通过使用HTMLCanvas创建一个新图片来使图像具有圆角：

• 使用图像宽度和高度
创建一个canvas元素
• 在画布元素context.drawImage(img,x,y);
上绘制图像
• 绘制锯齿角或使用剪辑路径剪切
• 保存图片以将其用于通知var dataURL = canvas.toDataURL();

修改：以下是“网络通知”的完整规范：https://dvcs.w3.org/hg/notifications/raw-file/tip/Overview.html   - 您只能定义图像/图标，没有样式属性，所以是的，您将自己修改图像