我正在编写一个HTML5 + JS工具来生成SVG图像.我这样做遇到了很多问题,虽然我对大多数问题都有解决方法,但至少在一个案例中我觉得必须有更好的方法.然后还有一些事情仍然没有奏效.
目前,这是我自己使用的,因此跨浏览器兼容性不是问题; 只要它适用于Firefox(首选)或Chromium,它就是好的.一旦它正常工作,我想在网上坚持下去,所以兼容性警告将不胜感激.
file://,没有涉及的Web服务器.https://gist.github.com/perey/1d352a790f749aa05a8b(见行动)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="utf-8"/>
<title>SVG Generator</title>
<style type="text/css">
figure {
width: 45%;
float: right;
}
#output-pic {
border: thin solid green;
cursor: pointer;
}
form {
width: 45%;
float: left;
}
</style>
<script>
window.onload = function() {
document.getElementById("input-box").oninput = update_text;
document.getElementById("output-pic").onclick = show_svg;
update_text();
}
function update_text() {
var input_elem = document.getElementById("input-box");
var output_elem = …假设您的页面很长。您的链接<nav>显示在顶部。但是随着读者向下滚动，它从顶部移开。当它们到达文章末尾时，您不想将它们滚动回到顶部，而是希望将相同的<nav>内容放在页脚中。
无需在源代码中重复您自己的内容，CSS中是否有一种方法可以使元素像这样在多个位置出现？
（PS只是一个示例，因此我们需要具体参考。对于这种设计的可用性/用户体验争论，我并不特别感兴趣；当然，更常规的解决方案是将<nav>屏幕停留在屏幕上，滚动。）