nexpr/copy-image.html

## copy-image.html
<!DOCTYPE html>
<div>
    <input type="color" id="color">
    <input id="text">
    <button id="wac">Write & Copy</button>
</div>
<div>
    <canvas id="canvas" width=400 height=40 style="border: 1px solid silver"></canvas>
</div>
<script>
    wac.onclick = () => {
        const ctx = canvas.getContext("2d")
        ctx.clearRect(0, 0, canvas.width, canvas.height)
        ctx.fillStyle = color.value
        ctx.font = "20px seif"
        ctx.fillText(text.value, 15, 25)
        const blob = canvas.toBlob(blob => {
            navigator.clipboard.write([
                new ClipboardItem({ [blob.type]: blob })
            ])
        })
    }
</script>
	<!DOCTYPE html>
	<div>
	<input type="color" id="color">
	<input id="text">
	<button id="wac">Write & Copy</button>
	</div>
	<div>
	<canvas id="canvas" width=400 height=40 style="border: 1px solid silver"></canvas>
	</div>
	<script>
	wac.onclick = () => {
	const ctx = canvas.getContext("2d")
	ctx.clearRect(0, 0, canvas.width, canvas.height)
	ctx.fillStyle = color.value
	ctx.font = "20px seif"
	ctx.fillText(text.value, 15, 25)
	const blob = canvas.toBlob(blob => {
	navigator.clipboard.write([
	new ClipboardItem({ [blob.type]: blob })
	])
	})
	}
	</script>