iPadで2Dフロアプランを描くWebプロジェクトに取り組んでいます。私はその仕事をするためにラファエルライブラリを選びました。今、私はiPadでのみ発生する問題を抱えていました。
Raphael.jsのpaper.path()メソッドを使用してフロアプランを描画し、パスを画像で埋めてフロアをレンダリングするだけです。コードは次のように非常に単純です。
mFloor = paper.path('M ' + mPoints).attr('fill','url(img/wood1.jpg)');
ここで、mPointsは、部屋のすべてのコーナーの位置を示すポイント[x、y]の配列です。
元の画像:
http://i.stack.imgur.com/pDaOo.png
これはiPadでのレンダリング結果のスクリーンショットであり、元の画像がランダムに3つの部分にクリップされ、ランダムに組み合わされてパスを埋めていることを明確に示しています。
http://i.stack.imgur.com/jJONm.png
この問題はiPadでのみ発生しますが、PCでは画像がSafariとChromeのパスを正しく正確に埋めます。
iOSにはパターン入力をサポートするための問題がありますか?