javascript – 将SVG元素放在img标记上
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将SVG元素放在img标记上,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含884字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 将SVG元素放在img标记上](/upload/InfoBanner/zyjiaocheng/749/82250a2f3cee466194ab6ec5cf180688.jpg)
如何将svg元素(rect,circle等)放在html上.这是我的编码.有谁可以帮忙.
<div id="myImgId" style="width: 200px; height: 200px; background:#000;" onm ousedown="doSomething()" onm ouseup="return false;">
<img src="Chrysanthemum.jpg" width="200" height="200" />
<svg id="svgOne" y="200" width="200" height="200"></svg>
</div>
解决方法:
JSFIDDLE:http://jsfiddle.net/nsgch/
<div id="myImgId" style="width: 200px; height: 200px; background:#000;" onm ousedown="doSomething()" onm ouseup="return false;">
<img src="Chrysanthemum.jpg" width="200" height="200" style="position:absolute;"/>
<svg id="svgOne" y="200" width="200" height="200" style="position:absolute; left:90px; top:90px;">
<path fill="#014da2" d="M16,1.466C7.973,1.466,1.466,7.973,1.466,16C1.466,24.027,7.973,30.534,16,30.534C24.027,30.534,30.534,24.027,30.534,15.999999999999998C30.534,7.973,24.027,1.466,16,1.466Z"></path>
</svg>
</div>
内容总结
以上是互联网集市为您收集整理的javascript – 将SVG元素放在img标记上全部内容,希望文章能够帮你解决javascript – 将SVG元素放在img标记上所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。