goo blog サービス終了のお知らせ 

よちよち歩きのたわごと

よちよち歩きの素人が 勝手な事を書いています。

firefox 17 の SVG clipPath 不具合

2012-12-10 10:40:23 | 勝手にSVG
先日、『firefox 17 以後、inline SVG において ドラッグが効かないことがある!』と
書いたのですが、「firefox 18.0b3」になっても、まだ 解決されていないことから、状況を
もう少し詳しく調べてみました。

下記の "sample A"・"sample B"・"sample C" は、画像に clipPath を適用した例ですが、
違いは 「赤のアンダーライン部」だけで、ここで 「clipPath を適用した画像」の露出位置を
ズラして(translate して)います。



これをドラッグ出来る様にしたものが 下記です。

 View a full code of "Sample A" as SVG (SVG-enabled browsers only)
 View a full code of "Sample B" as SVG (SVG-enabled browsers only)
 View a full code of "Sample C" as SVG (SVG-enabled browsers only)

処が、"sample A" では 「clipPath を適用した画像」を 問題なくドラッグ出来るのに対し、
 ※ "sample B" では、「dragable area」が 左上1/4 に狭められています。
 ※ "sample C" では、全くドラッグ出来ません。



そこで 念の為、『クリックした時に 「mouse event」が発生する領域』をチェックしてみた処、
「dragable area」と 全く同じでした。
 (参考; document.getElementById("pieceA").onmousedown = dragstart;)

以上から推測ですが、『「onmousedown event」が発生する領域』が、不思議なことに
前述の「赤のアンダーライン部」によって、同じ量だけ 移動させられているのでは???

結果、"sample C" では いくら 「clipPath を適用した画像」をクリックしても 「onmousedown
event」は発生しないし、ドラッグも出来ない!と・・・・・

Mozilla さん、早く直してぇーーーー

コメント (3)    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« firefox ベータが 18.0b3 へ... | トップ | 今冬初のシモバシラの華 »
最新の画像もっと見る

3 コメント(10/1 コメント投稿終了予定)

コメント日が  古い順  |   新しい順
ありがとうございます (ブライアン)
2012-12-23 23:10:26
詳しく調べてくださってありがとうございます。私もこれから検討いたします。
返信する
Bug 820506 です (ブライアン)
2012-12-28 21:47:40
Mozilla Japanのブライアンでございます。
Robert Longsonさんに調べていただきました。
調べた結果、Bug 820506と同じようなバッグです。詳しくは以下のURL先に書いてあります。
https://bugzilla.mozilla.org/show_bug.cgi?id=820506
Firefox 19で直すようにします。
ご検討ありがとうございます!
返信する
ありがとうございました (よちよち歩き)
2012-12-29 11:56:15
Brian Birtles さん、お手数をお掛けしました。
ありがとうございました
返信する

コメントを投稿

サービス終了に伴い、10月1日にコメント投稿機能を終了させていただく予定です。
ブログ作成者から承認されるまでコメントは反映されません。

勝手にSVG」カテゴリの最新記事