jQuery SVG在SVG图像中通过id访问项目?

时间:2011-10-06 13:09:43

标签: jquery dom svg

我使用jQuery SVG导入SVG图像,并希望用颜色填充多边形。但是,我似乎无法找到或访问id="nose"

所在的元素

SVG提取物:

<polygon id="nose" fill="#c00"
             points=" 127,101 132,100 137,99 144,101 143,105 135,110"/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery SVG Basics</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.svg.package-1.4.4/jquery.svg.js"></script>
<script type="text/javascript" src="jquery.svg.package-1.4.4/jquery.svgdom.js"></script>

<style>
#map
{
    width:1280;
    height:1024px;
}

</style>

<div id="map"></div>

<script type="text/javascript">
  $('#map').svg();  
    var svg = $('#map').svg('get');
    svg.load('lion.svg',{onLoad: function(){ }});   
    $('nose', svg.root()).attr('fill', '#ccc');
    </script>
</html>

0 个答案:

没有答案