0

うまくいけば、すべてクライアント側でイメージをマスクしたいと考えています。透明なテンプレートにフラッドフィルを使用してシェイプを作成しました。この形状をマスクとして使用したいと思います。トリッキーな部分は、マスクされている画像をユーザーが移動および回転できるようにすることです。だから私はライブ画像マスキングを可能にするライブラリを見つけたいと思っています。助言がありますか？

私が試したこと：

CCS - webkit-mask-url

jQuery - Ben Barnett キャンバス ユーティリティ

4

2 に答える 2

2

ここに jQuery を使用した画像マスキングに関する記事があります( fiddle )。画像を回転させたい場合は、css を追加するだけです。例えば：

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

フィドル。

于 2012-09-25T18:37:46.033 に答える