iframe内のsvgではfillパターンが使えない(バグ?)

先日開発ではまったやつ。iframe内のhtmlページに方眼線のようなものをsvgで作って敷こうとしていたら、通常のhtmlなら問題ないsvgがiframe内だと正しく表示されない。いろいろ試した結果、svg内で登録したパターンを塗りつぶし色として使うfillパターンがiframe内だと適用されないのがわかった。これバグなのかな。

とりあえずfillパターンでの繰り返しじゃなくてsvgのユニットをbackground-imageのリピートで敷き詰めるようにしてみた。