javascript - 客户端实时图像屏蔽

Question

我想在客户端屏蔽图像。我通过在透明模板上使用洪水填充创建了一个形状。我想用这个形状作为面具。棘手的部分是我希望用户能够移动和旋转被屏蔽的图像。所以我希望找到一个可以让我进行实时图像屏蔽的库。有什么建议吗？

我尝试过的事情:

CCS - webkit-mask-url

jQuery - Ben Barnett Canvas 实用程序

Answer 1

有一篇关于使用 jQuery 进行图像屏蔽的文章 here (fiddle)。如果你想旋转图片，只需添加一些CSS即可。例如:

.rotated_image{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

Fiddle .