个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
这是无效的代码。基本上，我允许用户在 div 中编辑一些文本，然后显示其屏幕截图。有人可以告诉我为什么它不起作用吗？
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="main.css" />
<title>Poster</title>
</head>
<body>
<div id="main_image">
<img src="image.jpg" id= "image"/>
<div id="user_text">IT IS TOTALLY AWESOME</div>
</div>
<div id="edit_text_box">
<textarea id="user_input" placeholder="Your text here.." rows="2" cols="30" ></textarea>
<div id="change_size">
<span style="float: left;">FONT-SIZE : </span>
<button id="decrease_size">-</button>
<button id="increase_size">+</button>
</div>
<input id="submit" type="submit" value="SUBMIT" />
</div>
<script type="text/javascript">
window.onload = function() {
html2canvas( [ document.body ], {
onrendered: function( canvas ) {
document.body.appendChild( canvas );
}
});
};
</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/edit_text.js"></script>
</body>
</html>
最佳答案
我稍微更改了您的代码并且它有效:
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="main.css" />
<title>Poster</title>
<script type="text/javascript" src="html2canvas.js"></script>
<script type="text/javascript">
var Submit = function() {
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
}
});
};
</script>
</head>
<body>
<div id="main_image">
<img src="image.jpg" id= "image"/>
<div id="user_text">IT IS TOTALLY AWESOME</div>
</div>
<div id="edit_text_box">
<textarea id="user_input" placeholder="Your text here.." rows="2" cols="30" ></textarea>
<div id="change_size">
<span style="float: left;">FONT-SIZE : </span>
<button id="decrease_size">-</button>
<button id="increase_size">+</button>
</div>
<button onclick="Submit();" >Submit</button>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/edit_text.js"></script>
</body>
</html>
首先，我添加了 html2canvas JavaScript 文件 ( <script type="text/javascript" src="html2canvas.js"></script> )。您可以在https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js下载。并将该文件放入与 HTML 相同的文件夹中。显然，您正在尝试创建类似表单的内容，但没有 form在您的代码中标记。您可以在提交表单时调用 html2canvas(您必须添加 <form> 然后)或使用 onclick button 的属性.我改变了你的submit输入元素到 button并绑定(bind) Submit方法 onclick属性。当用户单击该按钮时，屏幕截图会出现在表单下方。
关于html2canvas 根本不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20820009/
28
4
0
我遇到了一个似乎很独特的问题。我的 NSUbiquitousKeyValueStore 在模拟器中的启动之间根本不起作用。也就是说，我什至不是在谈论 iCloud 同步或类似的东西，我无法让它通过下面
首先，我使用的是 WiX 版本 3.5.2519.0，但我也在最新的 3.6 版本上测试了它，结果相同。 我很难确定 PatchFamily 究竟能过滤掉 torch 生成的差异的某些部分。按照手册中
我可以获取要呈现的“帮助主题”标题，但无法获取我定义的任何FIXTURES。 {{#each model}} 中的任何内容都不会渲染。这是我第一次使用 Ember，所以任何东西(字面意义上的任何东
我一直在尝试设置custom ajaxTransports for jQuery在我们的产品的某些场景下缩短某些工作流程。然而，我在让这些传输受到尊重方面取得了零成功(而我有很多工作 custom a
为什么纯无类型 lambda 演算经常被描述为无法使用？ 有了合适的函数库，它会不会与任何其他函数式语言大致相同？ 最佳答案 速度不是大问题。例如，您可以决定使用教堂数字但优化实现，以便像往常一样表示
我是一名优秀的程序员,十分优秀！