首页 > 软件操作教程 > 编程开发 > HTML
题目内容

HTML5 在页面中加入canvas

题目答案

在HTML页面中插入canvas元素非常直观。

【例题】使用canvas元素

代码如下:

<canvas width="300" height="300"></canvas>

    以上代码会在页面上显示出一块300pxx300px的区域。但是在浏览器中是看不见的,若需要很直观地在浏览器中预览效果的话,可以为canvas添加一些CSS样式,如边框和背景色,代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>canvaas</title>

<style>

canvas{

border:2px solid red;

background:#ccc;

}

</style>

</head>

<body>

<canvas id="diagonal" width="300" height="300"></canvas>

</body>

</html>

image.png

网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端