收藏
回答

canvas绘制直线,保留不了之前的绘制怎么回事?

我的需求是这样的,建立一个画布(myCanvas),在画布上绘制直线,文本框输入起始点以及终点的x、y坐标,点击按钮开始绘制。当我第一次点击按钮开始绘制时,画布上出现了一条直线。当我第二次输入坐标完毕,点击按钮开始绘制时,之前的第一条直线消失,只显示第二条直线。希望大神可以指点下,谢谢!

回答关注问题邀请回答
收藏

1 个回答

  • 小布师叔
    小布师叔
    2022-07-06
    ctx.clearRect(0, 0, canvas.width, canvas.height)
    可以放在每次调用前清除一下画布。
    你这段代码,不改变设置的话,应该不需要save 和 resore吧。
    参考链接:https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/clearRect
    希望对你有帮助,还有提个小建议,提问代码建议不要用截图,不好粘贴复现。
    
    2022-07-06
    有用
    回复
登录 后发表内容