2条回答 默认 最新
- 天际的海浪 2019-01-05 00:13关注
用H5的canvas代替img啊,先把图片画到canvas里面,再在canvas里用strokeRect()方法画框
<canvas id="canvasId"></canvas> <script type="text/javascript"> var canvas = document.getElementById("canvasId"); var ctx = canvas.getContext("2d"); var img = new Image(); img.src = "xxxxxxxxxxxxxx.jpg"; img.onload = function () { canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img,0,0); ctx.strokeStyle = "#f00"; ctx.strokeRect(30,20,100,100); ctx.strokeRect(150,50,150,100); } </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
- ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
- ¥20 腾讯企业邮箱邮件可以恢复么
- ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
- ¥15 错误 LNK2001 无法解析的外部符号
- ¥50 安装pyaudiokits失败
- ¥15 计组这些题应该咋做呀
- ¥60 更换迈创SOL6M4AE卡的时候,驱动要重新装才能使用,怎么解决?
- ¥15 让node服务器有自动加载文件的功能