此部分为创建基本矩形，直接上代码，代码块里有详细解读，请慢慢享用，保姆级canvas入门教程，均为细读==《HTML5权威指南》==所学，不含水分！！！运行代码在后面，有一个有bug的地方我贴图在后面，还未解决，但代码部分绝对没有任何问题，我也查了很多资料，代码绝对没问题！！！最后的问题欢迎大家一起来解答
时隔一天，后面的bug问题已经解决
不能给canvas在css中设置高和宽，但可以设置边框，不然会引起奇怪的反应，它会导致画布按比例缩放你设置的值。（原因：在Canvas元素的内部存在一个名为2d渲染环境（2d redering context）的对象，所以，通过CSS设置画布尺寸会引起奇怪的效果。）
修改片段代码如下：
<canvas id="canvas" width="800px" height="800px" style="border: 1px solid black;"></canvas>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
最低0.47元/天 解锁文章
扫一扫
225
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
