3

svg 要素 (rect、circle など) を html の上に配置する方法。これは私のコーディングです。誰でも助けることができます。

<div id="myImgId" style="width: 200px; height: 200px; background:#000;" onmousedown="doSomething()" onmouseup="return false;">
<img src="Chrysanthemum.jpg" width="200" height="200" />
<svg id="svgOne" y="200" width="200" height="200"></svg>
</div>
4

2 に答える 2

2

必要に応じて、要素に position: fixed または position: absolute のスタイルを指定できます。

<div id="myImgId" style="width: 200px; height: 200px; background:#000;" onmousedown="doSomething()" onmouseup="return false;">
<img style="position:fixed;" src="http://images.nationalgeographic.com/wpf/media-live/photos/000/005/cache/domestic-cat_516_600x450.jpg" width="200" height="200" />
    <svg style="position:fixed;top:50px" id="svgOne" width="200" height="200"><rect width="100%" height="100%" fill="red"/></svg>
</div>

<svg>外側の要素の x および y 属性は無視されることに注意してください。html 要素と同じように、top と left のスタイルを使用して配置する必要があります。

于 2013-05-30T17:48:47.663 に答える