3
UIWebViewを備えたアプリケーションがあり、基本的にカスタムナビゲーションの形式として画像マップを持つ画像が含まれています。 iOS 10.2.xまではうまくいきましたが、10.3.1以降、私のユーザーはイメージマップセクタをクリックしても動作しなくなったと報告しています。10.3以降、HTML画像マップはiOS上で動作しません
これはアプリ内でもiOS SafariでのHTMLファイルでもテストされていますが、イメージマップがもう動作しないことは間違いありません。それはMac上のSafariでもまだ動作しますが、それは私の役に立たないものです。
他の画像マップが機能します（例：this w3schoolsの画像マップ）。私の問題は何ですか？
イメージマップが再び機能するように変更できますか？
これは私がイメージマップのために使用しているHTMLです：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" style="width:100%; height:100%;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, shrink-to-fit=YES">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
</head>
<body>
<p>
<img name="triangle" src="triangle.png" usemap="#m_trianglemap" />
</p>
<map name="m_triangleMap">
<area alt="activity" title="" href="activity" shape="poly" coords="1,389,491,390,447,325,42,325"/>
<area alt="water" title="" href="water" shape="poly" coords="82,258,41,323,447,325,399,261" />
<area alt="carbs" title="" href="carbs" shape="poly" coords="122,190,80,257,398,257,352,191" />
<area alt="vegetables" title="" href="vegetables" shape="poly" coords="123,190,247,191,246,131,161,129" />
<area alt="fruit" title="" href="fruit" shape="poly" coords="249,191,355,192,317,131,247,131" />
<area alt="dairy" title="" href="dairy" shape="poly" coords="160,127,243,129,242,65,199,66" />
<area alt="meat" title="" href="meat" shape="poly" coords="245,130,315,131,271,64,244,65" />
<area alt="fat" title="" href="fat" shape="poly" coords="217,39,201,64,273,65,258,41" />
<area alt="rest" title="" href="rest" shape="poly" coords="237,3,220,31,254,31" />
<area alt="general" title="" href="general" shape="poly" coords="156,25,55,25,55,120,151,120" />
</map>
</body>
</html>
私が考えることのできる唯一の選択肢はhtml5の[canvas]（https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API）です。 – Pyromonk