此代码中的用户可以选择div的颜色。现在在原始的应用程序中有许多颜色,用户可以选择,它们将被放置在模板旁边与许多其他样式,如拖放文本与不同类型的字体(斜体,粗体,新罗马等)我的问题是在用户选择了所有这些首选样式后,我如何设置代码将其转换为像jpg或idk这样的文件对象,这样我就可以用所有添加的样式通过电子邮件发送该div?
<!DOCTYPE html>
<html>
<body>
<button id="myBtn">red</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click", displayDate);
function displayDate() {
document.getElementById("demo").innerHTML = '<div style="background-color:red;width:100px;height:100px;"></div>';
}
</script>
</body>
</html>