2

私は蝶を着色するための子供用 Web アプリケーションを持っています。これは、クリッピング パスを使用してペイント領域の境界を設定します。

アプリケーションはデスクトップ ブラウザ、Opera Mobile、iOS デバイスでは問題なく動作しますが、Android のデフォルト ブラウザはクリッピング領域を空として扱うようで、後続のキャンバス アクションが有効になりません。

ソースコードは次の場所にあります。

http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/butterfly/

ただし、主なアクションは次のとおりです。

context.beginPath();
(lots of context.bezierCurveTo statements to draw a butterfly shape)
context.closePath(); 
context.stroke();
context.fillStyle = "rgb(255,255,255)";
context.fill();  
context.clip();

シェイプをストロークまたは塗りつぶす前にクリッピングなど、順序を変更しようとしましたが、その場合、Android では実際には何も描画されません - クリッピング パスを空として扱います。

何か案は？それは私ですか、それともクリッピング パスに関する Android WebView に文書化されていない制限がありますか?

4

1 に答える 1

0

これはまだ Android ブラウザーでは機能しませんが、 Android 用の Google Chrome では機能します。

確認に使用できるテスト ページは次のとおりです: http://jsfiddle.net/LEpA5/

通常の Android ブラウザーは近い将来廃止され、Google Chrome が優先されるのではないかと思います。そのため、これが修正されることに息を止めません。

于 2012-06-19T14:28:13.427 に答える