欢迎光临百度刀片官方网站!

关于我们|网站地图|加入收藏

全国热线: 亚博app,亚博网站app,亚博yaboapp
亚博app,亚博网站app,亚博yaboapp
当前位置:亚博app > 亚博app > 行业新闻 >

Canvas绘制平行线以及解决直线模糊问题

文章出处:【jake推荐】责任编辑:admin作者:-=Jake=-人气: 发表时间:2021-03-31 08:10 字体大小:【

绘画Canvas的平行线




    
    Title
    
    


    

浏览器显示如下:

可以从上图看到已经绘画出了两条直线作为平行线。但是有以下两个问题:

直线模糊以及黑色变灰色的问题原理

其实在绘制直线的时候亚博网页版 ,默认是绘制1px的宽度,但是绘制直线的中轴线位置是在坐标轴刻度的上亚博代理 ,如下:

另外因为两边的线宽度都被强行扩展,这样就导致黑色扩展变为了灰色。

解决模糊问题的方法

只要偏移直线中轴线位置不在刻度上就可以了,如下图:

那么下面将平行线的其中一条进行偏移看看模糊直线,代码如下:

在y轴的方向进行偏移0.5px模糊直线凤凰体育 ,浏览器显示如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

推荐产品

测试
测试
测试
测试
测试
测试

排行榜

同类文章排行

最新资讯文章

您的浏览历史