首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML5通知图像中的圆角

HTML5通知图像中的圆角
EN

Stack Overflow用户
提问于 2015-11-22 11:54:07
回答 1查看 199关注 0票数 1

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

我说的是这个HTML5 API:

代码语言:javascript
运行
复制
new Notification(title, { icon: imageURL });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-22 12:03:42

我认为没有选择,显示圆角图标。

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

  • 创建具有图像宽度和高度的画布元素。
  • 在画布元素context.drawImage(img,x,y);上绘制图像
  • 画圆角或用夹径切割。
  • 保存图片以用于通知var dataURL = canvas.toDataURL();

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33854460

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档