使用putObject重定向的aws s3元标记(aws s3 meta tag for redirect using putObject)

 更新：在至少Chrome（ https://code.google.com/p/chromium/issues/detail?id=231577 ）中，此行为似乎存在活动错误，并且也适用于Firefox（ https：// bugzilla.mozilla.org/show_bug.cgi?id=378923 ）。 所以根据版本你可能会运气不好。 在编写时，这在Chrome（32.0.1700.6 beta）中没有修复，你可以用这个小提琴来测试： http ： //jsfiddle.net/HRsvX/36/如果浏览器应该完全可见所有三个三角形实现当前的SVG 1.1规范。 小提琴转载如下。 
 
 圆内部区域与SVG元素接壤。 在HTML5t之前，SVG元素本身就像是一个图像或flash电影，它不能溢出到html文档中，它有自己的画布可以这么说。 当您添加笔划（默认情况下位于您定义的区域之外）时，笔划将最终位于SVG画布之外。 你必须在圆圈的中心考虑到这一点： 
 
 中心必须是半径+行程宽度，因此您的中心x必须至少为164.041666625656 + 5.291666665343749才能完全适合SVG内部。 
 
 如果您在示例中指定HTML5 doctype并使用内联SVG，则应显示溢出内容，因为溢出的默认值是可见的，HTML5允许内联SVG元素溢出。 
 
 因此，要么检查您的doctype，要么重新定位中心以考虑笔划宽度。 
 
 有关SVG元素溢出的更多信息可以在Mozilla开发人员文档中找到， 这篇MSDN博客上的一篇很好的文章解释了默认溢出。 
 
 HTML 
 
<div><svg height="100" width="100" viewbox="00 0 100 100">
  <path d="M210 10 L90 10 L90 90 " fill="red"/>
</svg></div>

<div><svg id="clip1" height="100" width="100" viewbox="00 0 100 100">
  <path d="M210 10 L90 10 L90 90 " fill="red"/>
</svg></div>
 
 CSS 
 
div {
    height:100px; width:100px;
    margin:1em auto;
    border: solid 1px black;
}

svg { overflow:visible }

#clip1 {clip: rect(-10px,-10px,-10px,-10px)} //nope
#clip2 {clip: auto} //nope

UPDATE: Looks like there are active bug for this behaviour in at least Chrome (https://code.google.com/p/chromium/issues/detail?id=231577) and has been for Firefox as well (https://bugzilla.mozilla.org/show_bug.cgi?id=378923). So depending on version you might be out of luck. As of writing this is not fixed in Chrome (32.0.1700.6 beta) and there is a fiddle you can use to test with here: http://jsfiddle.net/HRsvX/36/ all three triangles should be fully visible if the browser implements the current SVG 1.1 spec. Fiddle reproduced below.
 
The circle inner area is bordering the SVG element. Before HTML5t the SVG element itself is like an image or flash movie, it can't overflow into the html document, it has it's own canvas so to speak. When you add stroke (that by default is outside the area you defined) the stroke will end up outside the SVG canvas. You'll have to account for that in the centering of the circle:
 
The center has to be the radius+stroke width so your center x for example would have to be 164.041666625656 + 5.291666665343749 minimum to fully fit inside the SVG.
 
If you specify the HTML5 doctype and use an inline SVG as in your example it should show the overflowing content since the default value for overflow is visible and HTML5 allows for overflow on inline SVG elements.
 
So either check your doctype or reposition the center to account for the stroke width.
 
More on the overflow of SVG elements can be found in Mozilla developer documents and a nice piece on this MSDN blog that explains the default overflow.
 
HTML
 
<div><svg height="100" width="100" viewbox="00 0 100 100">
  <path d="M210 10 L90 10 L90 90 " fill="red"/>
</svg></div>

<div><svg id="clip1" height="100" width="100" viewbox="00 0 100 100">
  <path d="M210 10 L90 10 L90 90 " fill="red"/>
</svg></div>
 
CSS
 
div {
    height:100px; width:100px;
    margin:1em auto;
    border: solid 1px black;
}

svg { overflow:visible }

#clip1 {clip: rect(-10px,-10px,-10px,-10px)} //nope
#clip2 {clip: auto} //nope