HTML5 canvas 元素是怎么使用的
🌙
手机阅读
本文目录结构
HTML 代码
<canvas id="canvas" width="150" height="150"></canvas>
JS 代码
function draw() {
var canvas = document.getElementById('canvas');
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect (10, 10, 55, 50);
}
}
draw();
演示
canvas：本身相当于我们游戏开中所说的画布，默认是 width 300 height 150 ；带 2 个属性：width ：画布的宽；height：画布的高 id: 是 html 中每个标签自带的属性
更多 Canvas 可以参考：
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
