在 OpenHarmony 上生成条形码,一般有两种常见方式:
OpenHarmony 生态中可以使用 ArkTS / JS 调用成熟的条形码生成库。
@ohos/barcode(部分设备/版本支持)如果你的应用是 ArkUI(Stage 模型),可以用 Web 组件加载 jsBarcode。
在 resources/rawfile/ 下放:
jsbarcode.min.js
import web_webview from '@ohos.web.webview'
@Entry
@Component
struct BarcodePage {
controller: web_webview.WebviewController = new web_webview.WebviewController()
build() {
Column() {
Web({ src: $rawfile('barcode.html'), controller: this.controller })
.width('100%')
.height(200)
}
}
}
<!DOCTYPE html>
<html>
<head>
<script src="jsbarcode.min.js"></script>
</head>
<body>
<svg id="barcode"></svg>
<script>
JsBarcode("#barcode", "1234567890", {
format: "CODE128",
width: 2,
height: 80
});
</script>
</body>
</html>
部分 OpenHarmony 版本提供:
import barcode from '@ohos.barcode'
⚠️ 注意:
- 该 API 在 部分版本/设备 才可用
- 多用于 扫码,生成支持有限
你也可以在 Canvas 上:
适合:
| 场景 | 推荐方式 |
|---|---|
| 快速开发 | jsBarcode + Web |
| 系统能力支持 | @ohos.barcode |
| 高性能 / 无 Web | Canvas 自绘 |
| 复杂码制 | zxing 移植 |
如果你愿意,可以告诉我:
我可以直接给你可运行代码。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。