JavaScript的创客式学习之旅(<em>5</em>)每节只需要两分钟哦!

• 作者: 程晨
• 来源期刊: 无线电
• 关键词: 图像 标签 像素 网络位置 图片 画布 代码 属性 显示 网页 调用 标明
• 年，卷（期）: 2017,（5）
• 所属期刊栏目: 入门
• 页码范围: 78-84
• 页数: 7页
• 语种: 中文

摘要

14.在画布中添加图像 本节我们来介绍一下如何在画布中添加图像. 如果要在一个网页中添加图片,只需要使用标签〈img〉,在标签中标明图像存放的位置即可,比如我们要显示一个百度logo,则对应的内容如下. 〈img src="https://www.baidu.com/img/bd_logol.png"〉 这里使用的是图片的网络位置,另外我们还可以给〈img〉这个标签增加id属性,方便在后续的JavaScript代码中调用.假如我们设定〈img〉的id为logo,大小为100像素×200像素,则对应的代码如下.