WessonX 2022-11-04 07:05 采纳率: 100%
浏览 30
已结题

canvas绘制路径,闪了一下就消失

使用ros2djs,拉取到地图资源到一个canvas之后,想要在canvas上画线,发现线条会闪现消失
核心代码如下
  var can = document.getElementsByTagName('canvas');
  can = can[0];
  var ctx = can.getContext("2d");
  can.onmousedown = function(e) {
    //按下可以画

    ctx.moveTo(30,30);
    var x = e.clientX - can.offsetLeft;
    var y = e.clientY - can.offsetTop;
    ctx.lineTo(x,y);
    ctx.stroke();
  }

运行结果及报错内容

img


大概过程是,通过js向一个地址请求图片资源,会自动创建一个canvas标签用来显示图片。

我想要做的就是在这个图片上进行涂鸦,效果如动图

img


点击鼠标之后,生成了一条线,但是线很快就消失了。

本人是业余js选手,怀疑这个问题涉及到图层渲染相关,但是无从下手解决,希望有朋友能指点!

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2022-11-04 11:06
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 11月21日
  • 已采纳回答 11月14日
  • 创建了问题 11月4日

悬赏问题

  • ¥15 vscode platformio
  • ¥15 代写uni代码,app唤醒
  • ¥15 全志t113i启动qt应用程序提示internal error
  • ¥15 ensp可以看看嘛.
  • ¥80 51单片机C语言代码解决单片机为AT89C52是清翔单片机
  • ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
  • ¥15 minist数字识别
  • ¥15 在安装gym库的pygame时遇到问题,不知道如何解决
  • ¥20 uniapp中的webview 使用的是本地的vue页面,在模拟器上显示无法打开
  • ¥15 网上下载的3DMAX模型,不显示贴图怎么办
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部