canvas默认无边框、无背景、无内容，仅预留透明区域；需通过js获取上下文绘图，且width/height须设为html属性而非仅css，否则易拉伸或渲染失败。

Canvas 不是“放进去就能画”的元素，它本质是一块空白位图，必须通过 JavaScript 获取绘图上下文后才能操作像素 —— 直接写 HTML 不会出任何图形。

为什么 <canvas></canvas> 标签写了却看不到内容

因为 <canvas></canvas> 默认无边框、无背景、无默认内容。浏览器只预留一块透明区域，不主动渲染任何东西。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

常见错误现象：

• 画布区域一片空白，连边框都没有
• 用 CSS 设置 width/height 后图形被拉伸变形
• JS 执行前就调用 getContext('2d')，返回 null

正确做法：

• width 和 height 必须写在 HTML 标签属性里（如 <canvas width="400" height="300"></canvas>），不能只靠 CSS
• 确保 JS 在 DOM 加载完成后执行，比如放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！