canvas相关
记录项目中使用到的canvas知识点与问题解决
xt_XiTu
这个作者很懒,什么都没留下…
展开
-
snapsvg插件踩坑记录
近期做项目从其他人项目里迁移的一个复杂动画出现了问题,Cannot read properties of undefined (reading on),排查问题出自snapsvg插件。最后发现这个问题出现是因为未做一些配置,分为两步:1、下载imports-loader插件,执行 npm i imports-loader ,这个插件的坑在于版本,我的snapsvg插件是0.5.1,对应的imports-loader插件版本是0.8.02、vue.config.js中增加配置:...原创 2022-06-16 11:00:37 · 503 阅读 · 0 评论 -
使用canvas画迁徙线并加上动态效果与小飞机图标
首先在页面中放上地图图片,并建立三个canvas标签,分别用于点、迁徙线、动态效果 <div class="mapBox"> <div class="map"> <img src="@/assets/shanxi.svg" alt=""> </div> <!-- 线 --> <canvas id="canvas" class="canvas"></c原创 2021-01-21 15:01:30 · 1304 阅读 · 4 评论