是否有可能集overflow: visible上<svg>的元素?
这个关于jsfiddle的简单示例在我可以访问的每个浏览器中(某些版本的Chrome和Firefox)就像它们一样overflow: hidden.
任何人都可以告诉我svg支持是否仍然太不成熟,不能做这么简单的事情,或者我的代码中是否做错了什么?
我的实际用途overflow: visible是图表上的范围轴,其中-0勾选的下半部分被截断.
以下代码:
<!DOCTYPE html>
<html>
<head>
<title>Test.</title>
</head>
<body>
<div style="border: solid 1px black; height:100px; width:100px">
<svg height="100" width="100" viewbox="00 0 100 100">
<path id="map1" d="M210 10 L90 10 L90 90 " fill="red"/>
</svg>
</div>
</html>
Run Code Online (Sandbox Code Playgroud)
JSFiddle:http://jsfiddle.net/HRsvX/
在Chrome和FF4中,显示带边框的div和SVG对象INSIDE的部分图像.svg之外的所有东西都没有画出来.
IE9显示整个SVG图像.它是一个功能还是一个bug?有没有办法削减图像的'outbounding'部分?
Raphael框架是否正确处理此类案例?