0

Web アプリケーションで Jcrop を使用して画像をトリミングしています。IE8 を除くすべてのブラウザー (IE9、FF、Chrome、Safari) でうまく動作します。具体的には、Windows 7 に同梱されている 8.7.6 です。

Jcrop v 0.9.9 を使用しています。

それが機能するFirefoxでは、DOMのような構造が見えます

img id... "style="display:none"

div class="jcrop-holder" ……

.........................
img ........

分周

IE 8.7.6 のように、DOM は次のように表示されます。

img id... "style="display:none"

- - 空欄 - - - -

基本的に、jcrop-holder は DOM に挿入されていませんが、元の画像は他のブラウザーのように隠されています。

よろしくお願いします。これに光を当てますか？およびIEの回避策を知っている場合。

あなたの助けに感謝します。

jcrop をターゲット イメージにアタッチする Javascript コード

function attachJcropToModal()
{
    jQuery(function($)
    {
        $('#jcrop_target').Jcrop(
                {
                    aspectRatio: '<%=defaultAspectRatioValue%>',
                    minSize: [0,0],
                    onChange: updateCoords,
                    onSelect: updateCoords
                },
                function ()
                {
                    jcrop_api = this;
                }
        );
    });
}

function updateCoords(c)
{
    $('#w').val(Math.round(c.w*adjFactor));
    $('#h').val(Math.round(c.h*adjFactor));

    $('#x1').val(Math.round(c.x*adjFactor));
    $('#y1').val(Math.round(c.y*adjFactor));
}

HTML画像表示コード

                <div class="cropperContainer">
                    <table>
                        <tbody><tr>
                            <td class="main">
                                <img id="jcrop_target" src="<%=imgSourceURL%>"<%=overriddenImageWidthAttr%> alt="" />
                            </td>
                        </tr>
                        </tbody></table>
                </div>
4

1 に答える 1

0

あなたのコードはよさそうです。アスペクト比の 10 進値の前後に '' を使用しないでください。

Jcrop Demo は IE8 で動作しますよね?

たぶん、Cropzoomを試してみる必要があります。私はこれを商用プロジェクトで使用し、いくつかの調整の後、IE7 +、FF、Safari などでうまく機能します...

于 2012-08-07T07:26:59.290 に答える