摘要: 1、需求:需要用画布画一个消息气泡 2、思路:用ctx.arcTo画圆角,填充,封装成方法方便调用 3、解决 function roundRect(x, y, w, h, r) { if (w < 2 * r) { r = w / 2; } if (h < 2 * r) { r = h / 2; } 阅读全文
posted @ 2022-06-09 18:01 Pavetr 阅读(240) 评论(0) 推荐(0)
摘要: 1、需求:最近在弄一个实时定位的展示模块,就是说前端通过webSocket获取到用户位置信息:实时展示在图上,还会有图文提示等 2、思路:这个有两种解决方案:1、canvas来处理。2、svg来处理 一开始不知道哪个解决方案好,就做了两个demo探探水 总体来说:如果交互并不多的话推荐canvas处 阅读全文
posted @ 2022-06-09 16:44 Pavetr 阅读(164) 评论(0) 推荐(0)