svg文字不显示,但修改html后就显示了_随笔

html是控制svg变化的一门脚本语言。HTML元素是SVG图形的容器。SVG代表可缩放矢量图形。SVG对定义框，圆，文本等图形很有用。SVG代表可伸缩矢量图形，是一种用于描述2D图形和XML中的图形应用程序的语言，然后由SVG查看器呈现XML。大多数网络浏览器都可以显示SVG，就像显示PNG，GIF和JPG一样。HTML元素用于通过JavaScript绘制图形。元素是图形的容器。SVG使用更少的对象或更大的表面可以提供更好的性能。

overflow:scroll/*任何时候都强制显示滚动条*/

overflow:auto/*需要的时候会出现滚动条*/

overflow-x:auto/*控制X方向的滚动条*/

overflow-y:auto/*控制Y方向的滚动条*/

示例:

<HTML>

<HEAD>

<TITLE>测试表格内的滚动条</TITLE>

</HEAD>

<BODY>

<table>

<tr>

<td>表格内的滚动条:</td>

<td>

<div id="wins"

style="position:absoluteheight:200width:200overflow:autobackground:#EEEEEE">

<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>

<p>ppppppppppppppppppppppppp </p>

</div>

</td>

</tr>

<tr>

<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'

onmouseout=clearInterval(scrollb)>向左</span>

<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'

onmouseout=clearInterval(scrollb)>向上</span>

<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'

onmouseout=clearInterval(scrollb)>向右</span>

<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'

onmouseout=clearInterval(scrollb)>向下</span>

</td>

</tr>

</table>

</BODY>

</HTML>

可以用sublime_text打开svg图，从浏览器查看dom元素位置找到你想添加ID的代码，然后从svg图中找到该行代码，手动添加ID 获取时用var aaa= svgDocument.getElementById("aaa")获取就可以了，

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7523263.html

svg文字不显示,但修改html后就显示了

发表评论

评论列表（0条）