Canvas画出来的图形为什么显示不出来？
我照着教程写了个简单的Canvas画矩形的代码，但页面上啥也看不到，控制台也没报错。是不是哪里漏了？我检查了canvas的宽高和getContext，看起来没问题啊。
这是我的HTML代码：
<canvas id="myCanvas" width="400" height="300"></canvas>
<script>
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'red';
ctx.fillRect(50, 50, 100, 100);
</script>- 0
回答
3浏览
Canvas画出来的图形为什么模糊不清？
我在用Canvas画一个简单的矩形，但显示出来特别模糊，边缘都是毛的。明明代码看起来没问题啊： const canvas = document.getElementById('myCanvas'); ...
- 2
回答
84浏览
React中Canvas绘制图形时，为什么每次渲染都会重复叠加？
在React组件里用Canvas画了一个矩形，每次修改状态重新渲染时，新旧图形会叠加显示，怎么才能让每次绘制覆盖之前的图形呢？ 我尝试这样写代码，但问题依旧存在： class DrawCanvas e...
- 2
回答
28浏览
Canvas绘制的图片为什么模糊不清？
我在用 Canvas 绘制一张 200x200 的 PNG 图片，但显示出来特别模糊，明明原图是清晰的。是不是我哪里设置错了？ 我试过直接用 ctx.drawImage(img, 0, 0)，也试过指...
- 2
回答
35浏览
Canvas画矩形路径为什么最后一条边不显示？
我在用Canvas画矩形路径时，明明设置了closePath，但最后一条边总是断开的。比如这样画： function drawRect(ctx, x, y, w, h) { ctx.beginPath...
- 1
回答
49浏览
Canvas图表在Vue中无法正确重绘，数据更新后画面还是旧的怎么办？
我在用Vue做动态图表，每次数据变了就调用drawChart()重绘Canvas，但画布上还是显示老数据，好像没刷新一样。是不是要手动清空画布？ 试过在drawChart开头加clearRect，但有...
- 2
回答
79浏览
Canvas绘制圆形移动时为什么会拖出尾巴？
我在用Canvas做小球移动动画时，发现圆形移动会留下拖影。用clearRect尝试清除画布没成功，每次调用draw方法都直接绘制新位置。代码逻辑是setInterval调用draw函数，里面先画圆形...
- 0
回答
4浏览
UIkit Offcanvas 在 React 中无法正常关闭？
我在 React 项目里用 UIkit 的 Offcanvas 做侧边栏，点击按钮能打开，但点遮罩或关闭按钮就是关不掉。控制台也没报错，UIkit 的 JS 文件也引入了，是不是哪里没绑定对？ 我试过...
- 0
回答
22浏览
OffscreenCanvas 在移动端怎么用才不报错？
我在做一个移动端的 Canvas 动画，想用 OffscreenCanvas 提升性能。本地开发时在 PC Chrome 上跑得好好的，结果一到手机 Safari 或微信浏览器就直接报错，说 Offs...
- 1
回答
62浏览
UIkit的Offcanvas侧边栏怎么点击外部自动关闭？
我在用UIkit做移动端菜单，用了Offcanvas组件，但发现点侧边栏外面区域不会自动收起，体验很不好。官方文档好像没说清楚这个怎么开。 我试过加data-uk-offcanvas属性，也试了dat...
- 1
回答
25浏览
大屏监控页面卡顿，如何优化 Canvas 渲染性能？
我们团队最近在做数据可视化大屏，用的是原生 Canvas 绘制图表和动态元素。但页面运行一段时间后明显卡顿，FPS 掉到 20 以下，尤其是在 Chrome 上。我试过用 requestAnimati...
显示不出来最可能的原因是CSS把canvas样式改了。你检查一下：
1. 打开浏览器开发者工具，看看canvas元素Computed里的width和height是不是400x300。如果CSS里写了canvas { width: 100px; }之类的，会把画布拉伸变形，矩形位置就错位了，可能跑到视口外面去了。
2. 看看canvas有没有被 display: none 或者 visibility: hidden 之类的藏着。
3. 检查一下canvas的背景色，默认是透明的，你可能没注意到红色矩形画在白色背景上。
快速排查方法：直接在开发者工具里给canvas加个边框看看
如果边框出来了但矩形还是看不见，那把fillRect的参数改大点试试，比如 fillRect(0, 0, 400, 300) 填满整个画布，看有没有红色。