コメント:最近物事を作るためにSVGのクリックイベントを使用しています。キャンバスの代わりにSVGを使用する理由は、SVGの要素がクリックイベントを追加できるためです。次に、追加方法を詳細に紹介しましょう。興味のある友達はそれについて学ぶことができます。
最近、私はSVGのクリックイベントを使用して物事を作成しています。キャンバスの代わりにSVGを使用する理由は、SVGの要素がクリックイベントを追加できるためです。それらの詳細な違いは次のとおりです。キャンバスとSVGの比較(詳細を参照)
次の表には、CanvasとSVGのいくつかの違いを示します。
キャンバス
•解像度に依存します
•イベントハンドラーはサポートされていません
•弱いテキストレンダリング機能
•結果画像を.pngまたは.jpg形式で保存する機能
•画像集約型ゲームに最適なゲームの多くは頻繁に塗装されています
SVG
•解像度なし
•イベントハンドラーをサポートします
•大規模なレンダリングエリアを持つアプリケーションに最適(Googleマップなど)
•高い複雑さはレンダリングを遅くすることができます(DOMを過剰に使用するアプリケーションはありません)
•ゲームアプリケーションには適していません
作成されたWebページは、モバイルデバイスをサポートし、Androidでのテストは普通であるため、Chormeで通常使用できます。ただし、iPadでページを開くと、クリックイベントが役に立たないことがわかりました。私は多くの情報をチェックして、問題の理由を見つけました。その後、W3CのSVGの説明のデモが実際にクリック効果を達成できることがわかりました。コードと比較して、クリックイベントがjQueryによってSVGの要素に追加されたことがわかりました。SVGの要素にonclick = circle_click(evt)の説明はないことがわかりました。 onclick = click(evt)を追加しましたが、実際にiPad上のSVGの要素に関するクリックイベントがあります。