听说开源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世界
我知道答案，我要回答
私活外包
最新提问
python如何实现声纹识别用户进行验证？
在哪可找到各种影视经典角色的配音并克隆音色根据文本说话？
阿里通义大模型哪些是支持多模态的api的ai模型？
js如何实现浏览器中离线语音唤醒语音聊天小助手？
浏览器中如何将WebM视频转成mp4视频？
parlant如何改成qwen 的apikey与baseurl？
如何写一个chrome插件实现截屏自动生成步骤图文教程转成pdf或网页？
python如何通过阿里云的api对域名进行解析和ecs主机服务器进行启动停止等操作？
Tesla Robotaxi可以让特斯拉车自动无人驾驶跑滴滴为车主赚钱，国内以后也会这样吗？
有没有可以监控安卓手机上的app打开后偷偷摸摸做了啥的监控软件？
