WebKitでのSVGを背景画像にすると起こるバグ
SVGはそのリサイズ(スケーリング)においてブラウザ間で差異やバグがあります。有名なのはviewBoxがないことによるIE9やWebKitでのバグでしょうか。それでもimg要素等でSVGを使う場合はSVG側でwidthとheightそしてviewBox属性を指定し、CSSなどでリサイズすれば大体問題ありません。なので背景画像で使う場合もbackground-sizeプロパティーを使えば……と思いきや、なかなかの落とし穴がありました。 Demo: SVG Arrow WebKit以外では自動リサイズが期待されるviewBoxのみ指定したSVGを背景画像にすると問題なくキレイにリサイズされます。対してWebKitではリサイズされたりされなかったりです。しかもChromeとSafariでは挙動が少し違ったりもし、追求する気が失せるほど挙動不審です。どうも良きに計らってはくれそうにないので、明示的
SVGをCavnasで利用する方法
という書き方が許されるのですが、残念ながらFirefoxやChrome、Safariといった他のメジャーなブラウザではこの方法は対応しておりません（そもそも仕様違反です）。というわけで、ちょっとひねった方法を使う必要があります。 <!DOCTYPE html> <html><head><title>SVGをCanvasで利用する</title> <script> var svg = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n' + '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' + '<g transform="matrix(0.0298614501953125,-0.00541687011718
EPS形式ファイルとその変換 - かってにインパクトファクター
現在論文を書いている途中ということもあり、EPS周りのファイルの 変換をまとめておきたいと思います。 まず、前提として良く使うソフトとファイル形式（ベクトル形式のみ）を。 gnuplot Tgif Inkscape OS UNIX,Windows UNIX UNIX,Windows 入力ファイル形式（拡張子） - Tgif(OBJ) SVG(SVG) 出力ファイル形式（拡張子） ESP(EPS),SVG,etc EPS,Tgif EPS,SVG という感じ。 基本的にtexでぺたぺたはっつけてゆくので、最後はEPSで保存しています。 gnuplotで直接EPS出力できるのだから、それでいいジャンという話になって来そうですが、結構限界があります。出来るものはgnuplotで、出来ないものやめんどくさいものはTgifなりInkscapeに任せることになります。 一応私はBSDとWindowsX
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
Help
SVG OPEN
pstoedit
Loading...
