6

jcrop を使用して、変更できない JavaScript が組み込まれている領域を選択したいと考えています。この JavaScript は jcrop に干渉していると思います。ということで、選択したいものの上に透過GIFを重ねてみました。これにより、下にあるものがjcropに干渉するのを止め、領域をうまく選択できました。ただし、Jcrop は透明な画像を透明ではなく黒にしています。

ここにjsfiddleがあります http://jsfiddle.net/andieje/rvTmX/

これはhtmlです

         <img id="cropbox" src="http://deepliquid.com/projects/Jcrop/demos/demo_files/sago.jpg" style="position: absolute; left: 0px: right: 0px;" />
<img id="transparent" src="http://www.golivetutor.com/download/spacer.gif" style="width: 100px; height: 100px;position: absolute; left: 0px: right: 0px;"/>

これは、jcrop にリンクされた透明な画像と、それがどのように黒くなるかを示しています。

これを回避する方法はありますか？cssについてはよくわかりませんが、変更によって画像の選択されていない領域がグレー表示されなくなっても気にしません。選択したビットの周りに境界のある長方形が必要なだけです。

あなたが与えることができるどんな助けにも感謝します

4

2 に答える 2

11

これはbgColor、jCrop のデフォルト オプションが「黒」に設定されているためです。

bgColorinit に何もないオプションを追加するだけで、画像が透明になります。

 $('#transparent').Jcrop({
    onChange: showCoords,
    bgColor: ''
},function(){
    jcrop_api = this;
});
于 2013-08-19T17:33:31.807 に答える
0

これが解決策です（リンク）。rgba(0,0,0,0)で画像を透明色のdivに変更しました。これがあなたが達成しようとしていることかどうか教えてください。

<div id="transparent" style="width: 100px; height: 100px;position: absolute; left: 0px: right: 0px; background: rgba(0,0,0,0);"/>

于 2013-08-19T17:33:17.417 に答える