HTML5 canvas clip 方法

HTML5 canvas 提供了许多有趣的方式来在 Web 上创建效果和体验。其中一个似乎不太为人所知的方法是 canvas clip

我在 使用 HTML5 canvas clip 方法隐藏特定内容 中写过关于它的一些内容,展示了如何设置内容并创建透视镜效果。您也可以在 canvas clip 演示 中看到它的实际应用。

您还可以参考 MDN 上的 合成文章中的剪裁路径 了解更多信息,并学习如何创建一些有趣的组合。

关于 Robert Nyman [名誉编辑]

Mozilla Hacks 的技术布道师和编辑。发表关于 HTML5、JavaScript 和开放 Web 的演讲和博客文章。Robert 是 HTML5 和开放 Web 的坚定支持者,自 1999 年以来一直从事 Web 前端开发工作 - 在瑞典和纽约市。他还定期在 http://robertnyman.com 上发布博客文章,并且热爱旅行和结识新朋友。

更多 Robert Nyman [名誉编辑] 的文章…


一条评论

  1. Jared Williams

    我认为它在使用上可以稍微简单一些。我最近使用了 .clip() 方法来裁剪从 json 对象中提取的 Facebook 个人资料图片为圆形,这些圆形根据一些内容绘制成不同的尺寸,嗯,它不仅仅是这样,还有很多东西,非常多。

    但我的意思是,剪裁部分很难正常工作。我不得不折腾了一段时间,最终使其变得良好,它确实很有用,但可以做得更好。

    2011 年 10 月 4 日 10:16

本文的评论已关闭。