Files
MorphDoc/packages/docx-engine/fixtures/docx-media-visual.md
T

53 lines
1.1 KiB
Markdown

---
title: DOCX 媒体视觉专项验收
author: 墨呈研发组
lang: zh-CN
---
# DOCX 媒体视觉专项验收
本样例验证普通图片、宽图、高图、Mermaid 与 ECharts 在 Chromium、
Microsoft Word 和 WPS Writer 中的物理尺寸、宽高比与水平对齐。
## 普通图片
![普通图片:蓝色 4:3](media/normal.png)
## 宽图
![宽图:橙色 8:3](media/wide.png)
## 高图
![高图:绿色 3:8](media/tall.png)
## Mermaid
```mermaid
%%{init: {"theme":"base","themeVariables":{"primaryColor":"#C4B5FD","primaryBorderColor":"#6D28D9","lineColor":"#6D28D9","fontFamily":"Microsoft YaHei"}}}%%
flowchart LR
A[Markdown] --> B[高分辨率 PNG]
B --> C[可编辑 DOCX]
```
## ECharts
```echarts
version: 1
caption: ECharts 紫色柱状图
option:
backgroundColor: "#F9A8D4"
xAxis:
type: category
data: [一月, 二月, 三月, 四月]
yAxis:
type: value
series:
- type: bar
itemStyle:
color: "#7C3AED"
data: [12, 20, 16, 24]
```
最后一段用于确认媒体周围的正文仍保持 Word 原生段落,可以继续编辑。