Я хочу скопировать отображение холста в буфер обмена по кнопке при нажатии на кнопку, но я не могу найти какой-либо способ сделать это. Я пытался скопировать текст, и это было легко сделать. кто-нибудь сказать мне, как скопировать отображение холста в буфер обмена?
это мой код, но код скопируйте изображение и вставьте его на экран. Я хочу сохранить изображение или весь холст в буфер обмена.
function copyImage() {
var imgCap = document.getElementById('imgCap');
var imgCanvas = document.createElement('canvas');
imgCanvas.id = 'imgCanvas';
//imgCanvas.height = 40;
// imgCanvas.width = 120;
document.body.appendChild(imgCanvas);
var originalContext = imgCanvas.getContext('2d');
originalContext.drawImage(imgCap, 0, 0);
// event.clipboardData.setData('img', imgCap);
// var data = window.clipboardData.setData("image / svg + xml", imgCap);
//window.clipboardData.setData
return imgCanvas.toDataURL();
}
<!DOCTYPE html>
<html lang="en" xmlns="cathid.bmp">
<head>
<meta charset="UTF-8">
<title>Mohamed Higab </title>
<link href="new.css" rel="stylesheet">
<script src="Script1.js"></script>
</head>
<body>
<img id="imgCap" src="cathid.bmp" />
<button type="button" class="btn" onclick="copyImage();">copy</button>
</body>
</html>