有人可以清除我的一些混乱.
是否有可能在画布顶部有html?我继续阅读,你不能有GUI元素,如Jquery与Canvas,但后来我看到你可以有HTML在画布上,为什么你可以有一个,但不是另一个?
我最理想的最终想要的是在我画布顶部的一个很好的GUI,所以只需要知道什么是可能的,什么不是.
解决方法
当然 – 您可以使用绝对定位将HTML“顶部”放在画布上.
http://jsfiddle.net/stevendwood/5sSWj/
您不能在画布中显示HTML.但是假设画布和HTML使用相同的坐标,那么您可以使用顶部和左侧使用与绘制相同的偏移量在画布中放置元素.
#picture { position: relative; } .blob,.blob1,.blob2 { position: absolute; width: 30px; height: 30px; border-radius: 20px; background-color: green; border: 2px solid #ccc; } var canvas = document.querySelector('canvas'),context = canvas.getContext('2d'); context.beginPath(); context.moveto(100,150); context.lineto(350,50); context.stroke();
和HTML …
<div id="picture"> <canvas id="canvas" width="500" height="500"> </canvas> <div class="blob1"></div> <div class="blob2"></div> </div>
原文地址:https://www.jb51.cc/js/154129.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。