2012-01-26 7 views
2

私の問題は、CSS2とJavaScriptをサポートするhtml to pdfジェネレータ(acts_as_flying_saucer)を使用しているため、CSS3を使用できないためです。transform: rotate(-90deg)もちろんwebkitやstuffのような異なるエンジンで)。CSS3変換の代替:CSS2またはJavaScriptのrotate(xdeg)を使用してテキストを回転させる

私はPDFKitとWicked_pdfを試しましたが、CSS2の完全なサポートはありませんでしたが、ページの下部にあるすべてのページにフッタを設定するのにposition: fixedが必要でした。

私の質問は、CSS2またはJavascript/JQueryのいずれかを使用して縦書きテキストを取得する方法があるかどうかです。 CSS3は不幸にも問題外です。 :(IEで

+0

私は申し訳ありませんが、変換できない場合は回転してください。 –

答えて

1

writing-modeが可能です

<span style="writing-mode: tb-rl;">CSS2?</span> 

詳細情報を参照してください:それはrotateなしではできませんhttp://msdn.microsoft.com/en-us/library/ms535153%28v=vs.85%29.aspx

+0

または '-ms-writing-mode'(http://msdn.microsoft.com/en-us/library/)すなわち/ ms531187( v = vs.85).aspx) – c69

+0

IEだけでなく、すべてのWebブラウザで動作する必要があります。私はLinuxを走らせてIEを持っていないし、IEでしか動作したくないからだ。 – MattiasB

+0

Mozillaブラウザにはいくつかの-moz-extensionsがあります。私はいくつかを試しましたが、私はそれらを働かせませんでした。参照はMDNにあります:https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions – Teemu

0

ありませんが、私はキャンバスを使用してちょうど狂気の考えを知っていない http://jsfiddle.net/LBsuQ/

+0

これは良いアイディアでしたが、試しましたが、acts_as_flying_saucerはキャンバスをサポートしていませんでした。 :( – MattiasB

+0

あなたは何もすることはできません。単純なテキストlablesなどのもう一つのクレイジーなアイデアは、サーバー側で画像を生成します。 – dfsq

関連する問題