jQuery裁剪一个圆圈

时间:2013-02-07 14:49:05

标签: javascript jquery gd

jQuery / javascript中是否有一个脚本可以选择图像上的圆圈并将坐标提供给脚本(php / gd)来裁剪/模糊该图像?

由于

2 个答案:

答案 0 :(得分:1)

我不知道圈子是否有,但您可以使用此http://odyniec.net/projects/imgareaselect/选择一个矩形,然后您可以从该矩形的中心计算圆圈并应用您需要的模糊效果。

答案 1 :(得分:0)

在屏蔽图像上查看this answer以形成圆圈。基本上,有很多选择,我引用:

  
      
  • 老式的方式 - 在所需元素的顶部使用透明的png
  •   
  • 图片的css3 border-radius设置为其尺寸的一半(以便边框定义圆圈)
  •   
  • css3 maskmask-clip属性(这是一个不错的演示:http://www.webkit.org/blog/181/css-masks/
  •   
  • 画布进行遮蔽
  •   
  • svg将图像圈为背景图案
  •