gpt4 book ai didi

html - NReco imagegenerator 无法正确写入条形码

转载 作者:太空宇宙 更新时间:2023-11-04 08:02:19 32 4
gpt4 key购买 nike

我正在尝试将 HTML 代码转换为 JPEG 图像。它有点管用,但当我尝试使用条形码时却不行。

服务器端,我正在使用:

我正在使用 CODE128 协议(protocol)对 EAN133 条码进行编码,当我想在网页上显示它时它可以工作(我使用 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

但它不会,即使我使用相对路径导入 Bootstrap CSS,而当我尝试使用 IronPDF 生成 PDF 时它会起作用

感谢关注

编辑:这是生成的 HTML:

<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>

最佳答案

NReco ImageGenerator 在内部使用 wkhtmltoimage 命令行工具,因此实际上您可以期待相同的行为。在您的情况下,由于某种原因,您的自定义字体似乎被 wkhtmltoimage 忽略了;首先尝试使用 woff、woff2 或 ttf 字体文件而不是 eot。如果您使用接受 HTML 作为 .NET 字符串的“GenerateImage”方法,则所有外部引用都应该是绝对的。

以下 HTML 模板对我来说效果很好(我使用了来自谷歌字体的“Libre Barcode 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>

关于html - NReco imagegenerator 无法正确写入条形码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46911493/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com