代碼來了。。。。
<label for="">變換:
<input type="text" id="tc" />
<span id="ts"></span>
</label>
</fieldset>
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="-200.5 -100.5 1000 600">
<label for="">變換:
<input type="text" id="tc" />
<span id="ts"></span>
</label>
</fieldset>
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="-200.5 -100.5 1000 600">
2017-03-26
代碼來了。。。。。
<body>
<fieldset>
<legend>設置</legend>
<label for="">分組:
<select id="group">
<option value="a">a</option>
<option value="b">┗b</option>
<option value="c">&nbsp;&nbsp;&nbsp;┗c</option>
<option value="d">┗d</option>
</select>
</label>
<body>
<fieldset>
<legend>設置</legend>
<label for="">分組:
<select id="group">
<option value="a">a</option>
<option value="b">┗b</option>
<option value="c">&nbsp;&nbsp;&nbsp;┗c</option>
<option value="d">┗d</option>
</select>
</label>
2017-03-26
代碼來了。。。。。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
svg{
background-color: #fcfcfc;
display: block;
margin: 20px auto;
border: 1px solid #ccc;
}
#transform{
width: 300px;
}
</style>
</head>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
svg{
background-color: #fcfcfc;
display: block;
margin: 20px auto;
border: 1px solid #ccc;
}
#transform{
width: 300px;
}
</style>
</head>
2017-03-26
對于創建元素再添加比較懵的我還是采用比較暴力的innerHTML方法
while(starCount--){
star+='<use xlink:href="#star" transform="translate(' + random(-600,600) + ',' + random(-300,150) + ') scale(' + random(0.1,0.6) + ')" opacity="' + random(0.1,0.4) + '"></use>';
}
starGroup.innerHTML=star;
強行增加star-group里面的HTML語句達到目的
while(starCount--){
star+='<use xlink:href="#star" transform="translate(' + random(-600,600) + ',' + random(-300,150) + ') scale(' + random(0.1,0.6) + ')" opacity="' + random(0.1,0.4) + '"></use>';
}
starGroup.innerHTML=star;
強行增加star-group里面的HTML語句達到目的
2017-02-18
剛評論寫錯修正下:代碼都抄的,use直接html里寫就正常,靠JS輸出的use就是不顯示,后來發現被莫名其妙插入了&#8203;,連正則都試了也不行當然也可能是我正則姿勢不對,最后偶爾發現星星畫完后加句starGroup.innerHTML+="";這后use就能正常顯示了
2017-02-03