React 绘制图形
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React 绘制图形相关的知识，希望对你有一定的参考价值。
参考技术A 问题点：1、图形为多边形，画图需要canvas来实现；
2、图片存在缩放的问题，需要让canvas match渲染出的图片；
先放结论：react canvas 绘制2d 画布有bug，绘制指定两点坐标的图形错误。
后来发现，原来从18年开始，react 已不再维护canvas 相关api。
效果如下
效果如下
两个点分别为(0,0), (100,100)。绘制出的线的斜率不一致。
将canvas 以绝对定位的方式覆盖在图片上。以图片缩放比例的方式来动态计算canvas 大小。
效果如下
以上是关于React 绘制图形的主要内容，如果未能解决你的问题，请参考以下文章