0

fabric.jsを使用してキャンバスの代わりにdivを回転可能にする方法は? この要件を満たすには、fabric.js で何を更新する必要がありますか? 画像をレンダリングするためにキャンバスをdiv内に配置しても問題ありませんが、キャンバスの代わりにdiv全体を回転させる必要があります。

4

1 に答える 1

1

通常の HTML 要素をローテーションする (または実際には操作する) のは、Fabric.js の仕事ではありません。

CSS3 スタイルを使用して、キャンバスを含む div を回転できます。

#myCanvasWrapperDiv
 {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    -o-transform: rotate(30deg); /* Opera */
    -moz-transform: rotate(30deg); /* Firefox */
 }

ユーザーがこの div を回転できるようにするには、その方法を提供する必要があります。これは、ボタンや onchange イベント ハンドラーを使用したテキスト入力のような単純なものから、回転ハンドルのような複雑なものまであります。ドラッグ アンド ドロップ プラグインと同様に、要素を「回転可能」にする jQuery プラグインがある場合があります。

于 2012-09-04T15:31:24.933 に答える