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

您的位置:首頁技術(shù)文章
文章詳情頁

html5 - html2canvas生成的圖片,checkbox和radio的選中項(xiàng)無法截圖。

瀏覽:104日期:2022-12-27 17:53:17

問題描述

通過html2canvas生成一張圖片,發(fā)現(xiàn)checkbox選中項(xiàng)并沒有截圖成功。

<!DOCTYPE html><html><head> <title>html2canvas </title></head><body onload='createImage()'> <p style='height: 100px;width: 100px;background-color: blue'>我是p性別:<input type='checkbox' name='sex'>男<input type='checkbox' name='sex'>女 </p></body><script type='text/javascript' src='http://m.cgvv.com.cn/wenda/html2canvas.js'></script><script type='text/javascript'> function createImage(){html2canvas(document.getElementById(’myPage’),{ allowTaint:true, height: 500}).then(function(canvas) { console.log(canvas); var aTag = document.createElement('a'); aTag.innerHTML = 'This is a test'; aTag.setAttribute('style', 'position:absolute; top:50%; z-index:999'); aTag.setAttribute('href', canvas.toDataURL()); aTag.setAttribute('download', 'myPic.png'); document.body.appendChild(aTag);}); }</script></html>

頁面以及生產(chǎn)圖片:

html5 - html2canvas生成的圖片,checkbox和radio的選中項(xiàng)無法截圖。html5 - html2canvas生成的圖片,checkbox和radio的選中項(xiàng)無法截圖。

問題解答

回答1:

可以用的,因?yàn)槟阋堰M(jìn)入頁面就生成圖片了,后面的點(diǎn)擊就沒效果了,可以這么著。

<!DOCTYPE html><html><head><title> html2canvas</title></head><body id='myPage'><p style='height: 100px;width: 100px;background-color: blue'> 我是p 性別: <input type='checkbox' onchange='createImage()' name='sex'>男 <input type='checkbox' onchange='createImage()' name='sex'>女</p></body><script type='text/javascript' src='https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js'></script><script type='text/javascript'>var aTag = document.createElement('a');aTag.innerHTML = 'This is a test';aTag.setAttribute('style', 'position:absolute; top:50%; z-index:999');document.body.appendChild(aTag);function createImage(){ html2canvas(document.getElementById(’myPage’),{allowTaint:true,height: 500 }).then(function(canvas) { console.log(canvas); aTag.setAttribute('href', canvas.toDataURL()); aTag.setAttribute('download', 'myPic.png'); });}</script></html>

標(biāo)簽: Html5
主站蜘蛛池模板: 欧美视频在线一区二区三区 | 久久精品国产国产 | 国产三级日本三级日产三 | 久久悠| 成人亚洲欧美综合 | 亚洲经典乱码在线播 | 成人福利在线 | 久久黄色一级视频 | 日韩在线观看视频免费 | 性欧美在线 | 日韩在线播放中文字幕 | 特别福利视频在线观看 | 午夜精品久视频在线观看 | 写真片福利视频在线播放 | 欧美曰韩一区二区三区 | 亚洲国产人成中文幕一级二级 | 国产精品国产欧美综合一区 | 免费网站看v片在线香蕉 | 日韩在线视精品在亚洲 | 亚洲欧美激情精品一区二区 | 国产精品爽爽va在线观看无码 | 国产偷国产偷亚洲高清午夜 | 日韩欧美成末人一区二区三区 | 九九九九热精品免费视频 | 久久99久久99| 中国嫩模一级毛片 | 久久国产一级毛片一区二区 | 久久er热在这里只有精品85 | 女同日韩互慰互摸在线观看 | 男女午夜视频在线观看 | 久久怡红院 | 免费国产成人高清在线观看视频 | 亚洲第一免费播放区 | 免费国产a理论片 | 亚洲国产成人在线视频 | 国产v综合v亚洲欧美大另类 | 嫩草一区二区三区四区乱码 | 欧美性色黄大片在线观看 | 一区二区三区四区在线免费观看 | 欧美视频在线一区 | 国产三级日本三级在线播放 |