<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<canvas id="canvas" width="1500" height="1050"></canvas>
<script> //得到canvas画布 let canvas = document.getElementById("canvas"); //得到画布的上下文 let ctx = canvas.getContext("2d"); //创建一个image元素 let image1 = new Image(); let image2 = new Image(); let image3 = new Image(); let image4 = new Image(); let image5 = new Image(); let image6 = new Image(); //用src设置图片的地址 image1.src = "layer/_alllayers/L00/R00001b30/C00001219.png"; image4.src = "layer/_alllayers/L00/R00001b30/C0000121a.png"; image2.src = "layer/_alllayers/L00/R00001b31/C00001219.png"; image5.src = "layer/_alllayers/L00/R00001b31/C0000121a.png"; image3.src = "layer/_alllayers/L00/R00001b32/C00001219.png"; image6.src = "layer/_alllayers/L00/R00001b32/C0000121a.png"; //onload一下 image1.onload = function () {
ctx.drawImage(image1, 0, 0); } image2.onload = function () {
ctx.drawImage(image2, 0, 256); } image3.onload = function () {
ctx.drawImage(image3, 0, 256*2); } image4.onload = function () {
ctx.drawImage(image4, 256, 0); } image5.onload = function () {
ctx.drawImage(image5, 256, 256); } image6.onload = function () {
ctx.drawImage(image6, 256, 256*2); } </script>
</body>
</html>
今天的文章canvas图片的拼接分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/28648.html
