Javascript 如何定义'；溢出'；属性_Javascript_Jquery_Html_Svg

Javascript 如何定义'；溢出'；属性

javascript jquery html svg

Javascript 如何定义'；溢出'；属性,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,对于IE9下使用的元素，style=“overflow:hidden”属性非常重要不幸的是，当使用jQuery svg插件使用以下代码创建svg对象时 $('#svg').svg({onLoad: drawMap}); …未设置该属性，可以在限制div（svg元素）之外绘制图像是否可以使用jQuery svg插件设置该属性？或者我应该用其他方法来实现这一点？经过一些测试，我提出了这个解决方案，它要求在绘制SVG元素后设置溢出。这是一个使用插件附带的捆绑svgBasics.html文件的简

对于IE9下使用的

元素，

style=“overflow:hidden”

属性非常重要

不幸的是，当使用jQuery svg插件使用以下代码创建

svg

对象时

$('#svg').svg({onLoad: drawMap});

…未设置该属性，可以在限制

div

（

svg

元素）之外绘制图像

是否可以使用jQuery svg插件设置该属性？或者我应该用其他方法来实现这一点？

经过一些测试，我提出了这个解决方案，它要求在绘制SVG元素后设置

溢出。这是一个使用插件附带的捆绑svgBasics.html
文件的简化示例：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery SVG Basics</title>
<style type="text/css">
@import "jquery.svg.css";

#svgbasics { width: 100px; height: 100px; border: 1px solid #484; }
</style>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js"></script>
<script type="text/javascript" src="jquery.svg.js"></script>
<script type="text/javascript">
$(function() {
    $('#svgbasics').svg({onLoad: drawInitial});
});

function drawInitial(svg) {
    svg.circle(75, 75, 50, {fill: 'none', stroke: 'red', 'stroke-width': 3});
    var g = svg.group({stroke: 'black', 'stroke-width': 2});
    svg.line(g, 15, 75, 135, 75);
    svg.line(g, 75, 15, 75, 135);
    $('#svgbasics').css({'overflow' : 'hidden'});
}

</script>
</head>
<body>
<div id="svgbasics"></div>
</body>
</html>


jQuery SVG基础
@导入“jquery.svg.css”；
#svgbasics{宽度：100px；高度：100px；边框：1px实心#484；}
$（函数（）{
$（'svgbasics'）.svg（{onLoad:drawInitial}）；
});
函数drawInitial（svg）{
圆圈（75,75,50，{fill:'none'，stroke:'red'，stroke width:'3}）；
var g=svg.group（{stroke:'black'，stroke width:'2}）；
svg.line（g，15，75，135，75）；
svg.line（g，75，15，75，135）；
$（'svgbasics'）.css（{'overflow'：'hidden'}）；
}
您的答案有点复杂，而您只需要一行：$（'#…'）.css（{'overflow'：'hidden'}）；但无论如何还是要谢谢你：）