# image2code

**Repository Path**: wecan03/image2code

## Basic Information

- **Project Name**: image2code
- **Description**: 通过AI将图片生成HTML,支持Bootstrap/Vue/React
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://www.itbuilder.cn/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 698
- **Created**: 2024-03-21
- **Last Updated**: 2024-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# image to code

## 介绍
将图片转换为代码（HTML/Tailwind CSS、React、Bootstrap 或 Vue）。
它使用 GPT-4 Vision 生成代码
## 效果展示

![demo](demo.mp4.gif)

## 使用
### 在线体验

[http://image2code.itbuilder.cn:7008/](http://image2code.itbuilder.cn:7008/)

### 本地运行
```shell
mvn install
java -jar target/image-to-code-1.0-SNAPSHOT.jar
```
访问
```
http://localhost:8080
```
### 设置openai api key

![setting.png](setting.png)

点击设置，设置openai api key
 **apk key需要可以访问gtp4的权限** 

### 上传图片
![upload.png](upload.png)
上传图片后gpt的Vision会识别图像并生成代码