0

「fa-image」をドラッグ可能でなく、同時に選択可能にする方法を知っている人はいますか?

このサーフェスを「fa-container-surface」に表示し、画像を保存するためにポップアップが表示される場合、スクロールとドラッグ アンド ドロップが機能しないため、画像の選択を無効にしたいと考えています。

<fa-image-surface   fa-image-url="{{tile.image}}"
                    fa-size="[60, 40]"
                    class="hexagon-tile-img unselectable">
</fa-image-surface>

このcssを設定しようとしました:

.unselectable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;

}

ただし、これは chrome 38 Web ブラウザーまたは Windows Phone 8.1 ブラウザーでは機能しません。次のエラーのために画像が消えます:

Syntax Error: Token 'unselectable' is an unexpected token at column 18 of the expression [hexagon-tile-img unselectable] starting at [unselectable]

HTML では、「img」に「unselectable='on'」または「draggable='false'」を設定できることは知っていますが、「fa-image-surface」属性でそれを実行しようとすると、考慮されません。

famo.us/Angular プロジェクトでそれを行うアイデアはありますか?

4

1 に答える 1

0

に適用されている唯一の CSS クラスhexagon-tile-img- class 属性に追加してみてください。要素unselectableに対して正しく機能することをテストするだけです。img

スタイルシートでは、コンテナ内の子要素に.unselectable > img選択できないルールを基本的に適用するために使用することができます。img

また、IE は子要素に 3D 変換を適用するために不可欠な preserve-3d を実装していないため、現時点で famo.us が IE で動作するとは思わないでください。

于 2014-11-03T10:16:58.553 に答える