2017-10-24 2 views
0

HTMLコードをJPEG画像に変換しようとしています。それはちょっとした仕事ですが、私がバーコードでそれをしようとするときはありません。NRecoイメージジェネレータが正しくバーコードを書き込まない

サーバー側では、私が使用している:私は、Webページ上に表示したいとき

私はCODE128プロトコルでEAN133バーコードをコードてるが、それが動作(IはHttpUtility.HtmlEncode(code_barre)を使用するので、バーコードがうまく解釈されます) 、その後、私はバーコードを表示するためにバーコードフォントを使用していて、何かが私のイメージと間違っているところがあります:

enter image description here

あなたが見ることができるように、それは、良い形式でバーコード「プレーンテキスト」です次のCSSを使用しています:

@font-face { font-family: 'code_128regular'; src: url('/Assets/Fonts/code128-webfont.eot'); src: url('/Assets/Fonts/code128-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/code128-webfont.woff2') format('woff2'), url('code128-webfont.woff') format('woff'), url('/Assets/Fonts/code128-webfont.ttf') format('truetype'), url('/Assets/Fonts/code128-webfont.svg#code_128regular') format('svg'); font-weight: normal; font-style: normal;} .test{font-family:'code_128regular'; font-size:70px;} 

私はこれになる必要があります。

enter image description here

しかし、私はIronPDF

でPDFを生成しようとすると、それが動作するのに対し、それは、私が相対パスでブートストラップCSSをインポートしても、しません注目を集めるため

感謝

EDIT:

<html> 
<head> 
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> 
    <link rel='stylesheet' type='text/css' href='Assets/Bootstrap/css/bootstrap.min.css'> 
    <script type='text/javascript' src='Assets/Bootstrap/js/bootstrap.min.js'></script> 
</head> 
<style> 
    @font-face { 
     font-family: 'code_128regular'; 
     src: url('/Assets/Fonts/code128-webfont.eot'); 
     src: url('/Assets/Fonts/code128-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/code128-webfont.woff2') format('woff2'), url('code128-webfont.woff') format('woff'), url('/Assets/Fonts/code128-webfont.ttf') format('truetype'), url('/Assets/Fonts/code128-webfont.svg#code_128regular') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    } 

    .test { 
     font-family: 'code_128regular'; 
     font-size: 70px; 
    } 
</style> 
<center><p class='test'>&#204;MXCUTGRIP305-07D&#206;</p><p>MXCUTGRIP305-07</p></center> 
</html> 
:ここで生成されたHTMLです
+0

何生成されたHTMLは次のように見えますか? – VDWWD

+0

私はあなたを見せてくれるように編集しますが、サーバーサイドで生成されているため読みにくいです。 – alexay68

+1

あなたのコードは試したときに動作します。 '.eot'、' .woff'、 '.woff2'という拡張子がIISで許可されているMIMEタイプであるかどうか確認できますか?そうでない場合、ファイルはブラウザに配信されず、404が表示されます。 – VDWWD

答えて

1

NReco ImageGeneratorは内部的にwkhtmltoimageコマンドラインツールを使用していますので、実際には同じ動作が期待できます。あなたの場合、カスタムフォントは何らかの理由でwkhtmltoimageによって無視されるようです。まず、eoffの代わりにwoff、woff2、またはttfのフォントファイルを使用してみてください。 HTMLを.NET文字列として受け入れる "GenerateImage"メソッドを使用する場合、すべての外部参照は絶対的なものでなければなりません。

次のHTMLテンプレートは私のために正常に動作します(私はGoogleのフォントから「リブレバーコード128」を使用しました):

<html> 
<head> 
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Barcode+128&amp;lang=en" /> 
</head> 
<style> 
    .test { 
     font-family: 'Libre Barcode 128'; 
     font-size: 70px; 
    } 
</style> 
<center><p class='test'>&#204;MXCUTGRIP305-07D&#206;</p><p>MXCUTGRIP305-07</p></center> 
</html> 
+0

外部のリソースを使用しているので、それは私が望んだものではありませんが、それは解決しているので、私はそれを解決策としてマークします – alexay68

+0

@ alexay68 just google fonts url(https://fonts.googleapis.com/css?family=Libre+Barcode+128 & lang = en)、これは通常の「フォントフェイス」定義(この場合はwoff2)であることがわかります。ローカルファイルもうまくいくはずです。 –

+0

私はそれを見ました。おそらく私のフォントは、NRecoが見つけられない(たとえば、欠けているいくつかのサーバマッピングプロパティ)ため、ローカルでは認識されませんが、動作していれば心配はありません。私のすべてのressources(それはGoogleのフォントです、それはtommorowに移動しません)に手を持っていない場合は本当に問題です – alexay68

関連する問題