                        課程
                    
                        /前端開發(fā)
                        
                            /Html5
                        
                        /走進(jìn)SVG

為什么沒有代碼可以下載

webkong

2015-04-24

源自：走進(jìn)SVG 4-2

關(guān)注問題我要回答

1184

操作

收起

2 回答

champ
2016-12-22

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Path?Demo</title>
????<style>
????????#input?{
????????????position:?fixed;
????????????bottom:?25px;
????????????left:?0;
????????????width:?100%;
????????????height:?50px;
????????????padding:?0?25px;
????????????font-size:?32px;
????????????border:?none;
????????????border-top:?2px?solid?gray;
????????}
????</style>
</head>
<body>
????<svg?xmlns="http://www.w3.org/2000/svg"?height="800">
????????<path?id="path"?d="M?0?0?L?100?100"?stroke="green"?fill="none"?stroke-width="2"></path>
????</svg>

????<input?id="input"?type="text"?value="M?0?0?L?100?100">

????<script>
????????input.addEventListener('input',?function()?{
????????????path.setAttribute('d',?input.value);
????????},?false);
????</script>
</body>
</html>

按照老師的界面，自己做的，老師應(yīng)該不是這樣實(shí)現(xiàn)的，因?yàn)樗梢赃x中數(shù)字之后，按上下鍵實(shí)現(xiàn)快速調(diào)整數(shù)字，不知道這個(gè)到底是怎么做的