在绘制Path的时候画出的是闭合的区域而不是线条

Path在Android的绘画中使用的比较多,它主要用来记录用户绘制的路径,一般在view的onDraw()方法中,利用canvas.drawPath(mPath,mPaint)方法来实现绘制,不过画出来的效果如何,主要Paint的影响,例如默认情况下,不设置Paint的Style属性,那么就是填充的效果。Style是一个枚举类型,主要有三个值:

1.FILL

设置成这个属性,那就是填充了,即使画的是一条线,它显示的效果也是对起点和结束点连线的区域进行填充。

mPaint.setStyle(Paint.Style.FILL);


2.FILL_AND_STROKE

该效果和上面类似,既画线又填充,其实两次试验都是画了一条线,结果成了几个闭合区域。

mPaint.setStyle(Paint.Style.FILL_AND_STROKE);


3.STROKE

这个就是画线的效果。

mPaint.setStyle(Paint.Style.STROKE);


参考官方文档

https://developer.android.google.cn/reference/android/graphics/Paint.Style.html

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在canvas中,可以使用以下步骤实现在浏览器图像上画线并让线条自动吸附到目标区域附近: 1. 创建canvas元素并获取其上下文。 ```javascript var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); ``` 2. 设置canvas的宽度和高度。 ```javascript canvas.width = window.innerWidth; canvas.height = window.innerHeight; ``` 3. 监听鼠标按下事件,记录起点坐标。 ```javascript var isDrawing = false; var startX, startY; canvas.addEventListener('mousedown', function(e) { isDrawing = true; startX = e.clientX; startY = e.clientY; }); ``` 4. 监听鼠标移动事件,绘制线条。 ```javascript canvas.addEventListener('mousemove', function(e) { if (!isDrawing) return; ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.beginPath(); ctx.moveTo(startX, startY); ctx.lineTo(e.clientX, e.clientY); ctx.stroke(); }); ``` 5. 监听鼠标松开事件,判断线条是否在目标区域附近,如果是则吸附到目标区域。 ```javascript canvas.addEventListener('mouseup', function(e) { isDrawing = false; var endX = e.clientX; var endY = e.clientY; if (endX > targetX - 10 && endX < targetX + 10 && endY > targetY - 10 && endY < targetY + 10) { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.beginPath(); ctx.moveTo(startX, startY); ctx.lineTo(targetX, targetY); ctx.stroke(); } }); ``` 以上代码只是一个简单的示例,具体实现方式可能因实际需求而有所不同,但基本思路是一致的。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值