听说开源MiniCPM-V2.6的图片识别能力超过gpt4v了，怎么本地使用？
网友回复
我们通过一个例子来试试，通过ui截图生成html代码，这个是ui截图
1、这个MiniCPM-V-2_6理解ui截图生成的代码：https://huggingface.co/spaces/openbmb/MiniCPM-V-2_6
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>通用后台管理系统</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.header {
background-color: #007BFF;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.logo {
font-size: 24px;
}
.menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
.menu-item {
margin-right: 20px;
}
.main {
padding: 20px;
}
.section {
margin-bottom: 20px;
}
.section-title {
font-size: 18px;
margin-bottom: 10px;
}
.section-content {
display: flex;
}
.section-content .statistic {
flex-basis: 30%;
text-align: center;
}
.section-content .statistic h3 {
margin-top: 0;
}
.section-content .statistic p {
margin-top: 10px;
}
.section-content .chart {
flex-basis: 70%;
}
.section-content .chart img {
width: 100%;
}
.section-content .work-statistics {
display: flex;
justify-content: space-between;
}
.section-content .work-statistics .statistics {
flex-basis: 30%;
}
.section-content .work-statistics .statistics h3 {
margin-top: 0;
}
.section-content .work-statistics .statistics p {
margin-top: 10px;
}
.section-content .work-statistics .chart {
flex-basis: 70%;
}
.section-content .work-statistics .chart img {
width: 100%;
}
.section-content .user-evaluation {
display: flex;
justify-content: space-between;
}
.section-content .user-evaluation .user-profile {
flex-basis: 30%;
}
.section-content .user-evaluation .user-profile img {
width: 50px;
height: 50px;
}
.section-content .user-evaluation .user-profile .info {
margin-left: 20px;
}
.section-content .user-evaluation .user-profile .info h3 {
margin-top: 0;
}
.section-content .user-evaluation .user-profile .info p {
margin-top: 10px;
}
.section-content .user-evaluation .user-evaluation-info {
flex-basis: 70%;
}
.section-content .user-evaluation .user-evaluation-info h3 {
margin-top: 0;
}
.section-content .user-evaluation .user-evaluation-info p {
margin-top: 10px;
}
.footer {
background-color: #f9f9f9;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">通用后台管理系统</div>
<div class="menu">
<a href="#">首页</a>
<a href="#">医生中心</a>
<a href="#">用户管理</a>
<a href="#">评测管理</a>
<a href="#">报告查询</a>
<a href="#">预约管理</a>
<a href="#">星表管理</a>
<a href="#">船舱数据</a>
<a href="#">预约排班</a>
<a href="#">问卷管理</a>
</div>
</div>
<div class="main">
<div class="section">
<div class="section-title">早安，韩修洁医生</div>
<div class="section-content">
<p>主任医师 联系电话：0551-123456 xxx社区医院</p>
</div>
</div>
<div class="section work-statistics">
<div class="section-title">工作统计</div>
<div class="section-content">
<div class="statistics">
<h3>累计已审核数</h3>
<p>4320人</p>
</div>
<div class="statistics">
<h3>本周审核数</h3>
<p>342人</p>
</div>
<div class="chart">
<img src="chart.png" alt="工作统计图表">
</div>
</div>
</div>
<div class="section user-evaluation">
<div class="section-title">测评用户</div>
<div class="section-content">
<div class="user-profile">
<img src="profile.jpg" alt="张丽丽">
<h3>张丽丽</h3>
<p>联系电话：18245625362</p>
<p>身份证：34012519930620</p>
</div>
<div class="user-evaluation-info">
<h3>婚姻状况：已婚</h3>
<p>安徽省合肥市高新区xxx小区18#101</p>
</div>
<div class="user-profile">
<img src="profile.jpg" alt="张丽丽">
<h3>张丽丽</h3>
<p>联系电话：18245625362</p>
<p>身份证：34012519930620</p>
</div>
<div class="user-evaluation-info">
<h3>婚姻状况：已婚</h3>
<p>安徽省合肥市高新区xxx小区...点击查看剩余70%
by ai世界
我知道答案，我要回答
私活外包
最新提问
新手如何使用yolo进行图像数据标注与图像识别？
threejs如何将glb三维模型减少面数和定点数粗糙一些减少文件体积大小？
在哪可以免费下载各国的武器飞机坦克航母舰艇导弹三维模型glb文件？
aistudio中build如何破解gemini的api模型调用免费使用？
python如何让红绿灯看懂两侧车流智能调节红绿灯？
python+faster_whisper如何实现实时开会录音并转成文字？
python如何调用微信本地的ocr进行图片文字提取？
有没有浏览器js就能离线运行支持mcp的ai模型？
c#如何调用gemini api实现文本描述来自动化操作电脑软件？
c#如何读取正在打开的word软件正在编辑的内容进行修改操作？
