我想在客户端屏蔽图像。我通过在透明模板上使用洪水填充创建了一个形状。我想用这个形状作为面具。棘手的部分是我希望用户能够移动和旋转被屏蔽的图像。所以我希望找到一个可以让我进行实时图像屏蔽的库。有什么建议吗?
我尝试过的事情:
CCS - webkit-mask-url
jQuery - Ben Barnett Canvas 实用程序
最佳答案
有一篇关于使用 jQuery 进行图像屏蔽的文章 here (fiddle)。如果你想旋转图片,只需添加一些CSS即可。 例如:
.rotated_image{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
Fiddle .
关于javascript - 客户端实时图像屏蔽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12585848/