国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

JavaScript canvas實現加載圖片

瀏覽:120日期:2023-12-13 14:00:18

本文實例為大家分享了JavaScript canvas實現加載圖片的具體代碼,供大家參考,具體內容如下

JavaScript canvas實現加載圖片

代碼:

<!DOCTYPE html><html> <head><meta charset='utf-8'><title>Using image</title><style type='text/css'> * {/* margin: 0;padding: 0; */box-sizing: border-box; } canvas {border-width: 1px;border-color: #000000;border-style: solid; }</style> </head> <body><canvas id='canvas'></canvas><div> <input type='file' accept='image/*' /></div><script type='text/javascript'> window.onload = (event) => {main() }function main() {const canvas = document.getElementById('canvas');const ctx = canvas.getContext('2d');const inputFile = document.querySelector('input[type=file]');inputFile.onchange = (event) => { const files = event.target.files; if (files.length > 0) {const file = files[0]; // First fileconsole.log(file);const image = new Image();image.src = URL.createObjectURL(file);image.onload = function(event) { // console.log(event, this); URL.revokeObjectURL(this.src); canvas.width = image.width; canvas.height = image.height; ctx.drawImage(image, 0, 0);} }} }</script> </body></html>

參考:鏈接

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 91精品91久久久久久 | 久草经典视频 | 久视频在线观看 | 国产三级做爰在线观看 | 成人黄色在线观看 | 久久国产成人精品 | 亚洲一区二区三区精品国产 | 小明日韩在线看看永久区域 | 亚洲美女综合网 | 国产日韩欧美在线一二三四 | 九九精品成人免费国产片 | 日本三级韩国三级在线观看a级 | a毛片免费全部在线播放毛 a毛片免费视频 | 欧美又粗又硬又大久久久 | 波多野结衣在线中文 | 欧美大片毛片aaa免费看 | 一本三道a无线码一区v小说 | 高清国产美女一级毛片 | 日韩视频精品在线 | 国产在线观看一区二区三区四区 | 日本精品高清一区二区不卡 | 国产精品九九九久久九九 | chinese耄耋70老太性 | 亚洲免费视频一区 | 网站国产 | 亚洲精品一区二区 | 亚洲一区二区三区四区五区六区 | 全部在线美女网站免费观看 | 国产精品久久久久久久久久日本 | 毛片啪啪视频 | 欧美一级性视频 | 亚洲国产精品成 | 成人公开视频 | a级片免费观看视频 | 国产在线精品一区免费香蕉 | 亚洲天堂最新网址 | 九九国产在线视频 | 色吊丝在线观看国产 | 欧美日本视频一区 | 国产91久久久久久久免费 | 亚洲精品久久久久中文字幕一区 |