在svg中用js创建新元素并添加成功，却无法显示（SVG开发实践）_百度知道
提问者采纳
首先1处改成node=svgdoc.createElementNS('', 'rect');是必须的，这样才能创建一个svgRect元素。其次，IE8不支持svg。IE9以上在运行这个文件的时候会屏蔽动态内容，在页面下方会有提示，点击允许就行了。火狐和chrome可以直接运行这个文件。
很神奇的是，改了①处那句，效果出来了！！！昨天我试了无数次，并且也修改过①处的，而且我一直用的谷歌浏览器来测试的，家里，公司都测试过好多次，都不行。。。
提问者评价
还是谢谢你了。
其他类似问题
svg的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁jquery获取标签的位置_百度知道
&script type=&text/javascript& src=&&&&/script& &script type=&text/javascript&&
$(document).ready(function(){
var line = document.createElementNS(&&, &line&);
var path=&&;
for(var i=0;i&$(&.li_1&).length-1;i++){
var lineLeft_1=$(&.li_1&)[i].offsetLeft+10;
//直线的左顶点，加10也可以改为li宽度的一半
var lineTop_1=$(&.li_1&)[i].offsetTop+10;
var j=i+1;
var lineLeft_2=$(&.li_1&)[j].offsetLeft+10;
var lineTop_2=$(&.li_1&)[j].offsetTop+10;
var html_i = '&line x1=&'+lineLeft_1+'& y1=&'+lineTop_1+'& x2=&'+lineLeft_2+'& y2=&'+lineTop_2+'& style=&stroke:rgb(99,99,99);stroke-width:2&/&';
path += html_i;
$(&#mySvg&).html(path); })
&style& *{margin:0 padding:0} li{list-style:} svg{ width:100%; height:100%; position: z-index:-1; } #cont{ width:200 height:150
border:1px # margin-left:50 }
#cont li{ width:15 height:15 float: } .li_1{ background:#
z-index:1; border:1px solid #f9f9f9; } &/style& &svg id=&mySvg&&&/svg&
&div id=&cont&&
&li class=&li_1&&&/li&
&li class=&li_1&&&/li&
&li class=&li_1&&&/li&
&li class=&li_1&&&/li&
&li class=&li_1&&&/li&
&li class=&li_1&&&/li&
&/ul& &/div& 这是我用svg来写的，时间比较赶，只测试了谷歌浏览器，IE好像不兼容，你自己再想想办法吧希望采纳
其他类似问题
jquery的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁css 问题 我的滤镜不能变色，但是尺寸可以变，期待好心人（记事本；ie）_百度知道
css 问题 我的滤镜不能变色，但是尺寸可以变，期待好心人（记事本；ie）
&html& &head&
&title&css7&/title&
&style type=&text/css&&
font-size:30
font-style:
a:link img{
width:10%;
a:hover img{
width:20%;
&/style& &/head&
&span class=&style1&&栏目1&/span&&br/&
&span class=&style1&&栏目2&/span&&br/&
&span class=&style1&&栏目3&/span&&br/&
&span class=&style1&&栏目4&/span&&br/&
&span class=&style1&&栏目5&/span&&br/&
&a href=&#&&&img src=&e.jpg&/&&/a&
&/body&&/html&
提问者采纳
对于filter属性，好像每个浏览器的解析都不一样，我以前做网页全灰代码是很复杂的。。是从网上直接找的。body{&filter:&url(&data:image/svg+utf8,&svg&xmlns=\');&/*&Firefox&3.5+&*/&&&&-webkit-filter:&grayscale(100%);&/*&chrome+&*/&&&&filter:&grayscale(100%);&/*&未来浏览器&*/&&&&filter:&&/*&ie6-8&*/&&&&filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9&*/}
提问者评价
谢谢 好心人
其他类似问题
记事本的相关知识
按默认排序
其他1条回答
滤镜?? 能不能问的详细点
filter:}显示不出效果，我想把我的JPG变成灰色
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁怎么将js生成的图片自动保存到本地_百度知道
提问者采纳
如果是Chrome浏览器，可以使用这个函数来保存Base64编码的SVG（从小乐图客的SVG矢量截图中得到的函数）其它浏览器，大同小异，需要做些修改即可。function&saveAs(Url,filename){var&blob=new&Blob([''],&{type:'application/octet-stream'});&&&&var&url&=&webkitURL.createObjectURL(blob);&&&&var&a&=&document.createElementNS(xhtml,'a');&&&&a.href&=&U&&&&a.download&=&&&&&var&e&=&document.createEvent('MouseEvents');&&&&e.initMouseEvent('click',&true,&false,&window,&0,&0,&0,&0,&0,&false,&false,&false,&false,&0,&null);&&&&a.dispatchEvent(e);&&&&webkitURL.revokeObjectURL(url);调用的方法：saveAs(data,&new.svg&)
提问者评价
其他类似问题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}