html5 canvas 加载图片
视频
https://www.bilibili.com/video/BV19E411G7Vj?p=30
https://www.bilibili.com/video/BV19E411G7Vj?p=31
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>canvas加载图片</title>
<style>
canvas {
border: 1px solid #ccc
}
</style>
</head>
<body>
<canvas id="mycanvas" width="600" height="400">
您的浏览器不支持,请更换浏览器
</canvas>
<script>
var mycanvas = document.getElementById("mycanvas");//获取mycanvas节点
var ctx = mycanvas.getContext("2d"); //获取2d上下文
// var img = document.createElement('img'); //创建img元