leaflet+阿里图片裁剪实现创魔游戏地图

svg转成jpg/png图片，svg含跨域图片基本思路：svg：svg效果：转成jpg/png：base64串显示效果由于svg上含有跨域图片，图片没显示出来，所以最终处理结果：解决跨域图片后的base64串显示结果：基本思路：1、获取svg所有元素；2、把svg转成svg格式的base64；3、新建img元素，并将svg base64赋值给src；4、onload的时候绘制到canvas画布内；

vue-hls-playervue hls 音视频播放器，支持video和audio安装npm install vue-hls-player全局使用//入口index.jsimport player from 'vue-hls-player'Vue.use(player)//test.vue<vplayer :playerOptions = "vOption" /&gt...

iframe是vue的，在使用过程中高度根据数据实时变化，不好设置iframe的高度值。试了多种方式之后，总结了几种自适应的方式。实时刷新iframe高度变化var iframes = document.getElementsByTagName('iframe');setInterval(function() {for (var i = 0, j = iframes.length; i <

使用vue编写的分页器组件，支持输入页码跳转，效果如果：1、点击前五页：2、点击中间部分页面3、点击第一页，上一页按钮失效，点击最后一页，下一页按钮失效组件调用：//html调用 参数:pageSize(总页数);pageNo(当前页)&amp;amp;lt;pager :pageSize=&amp;quot;pageSize&amp;quot; v-model=&

index.html：运行完index.html之后自动寻找运行main.js文件main.js：import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falsenew Vue({  el: '#app',

最近在vue项目中遇到一个报错，虽然不影响使用，但是报错还是得解决的一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码：key值是必须唯一的，如果重复就会报错可以把key值改为index，就可以避免这个情况：...

iframe是vue的，在使用过程中高度根据数据实时变化，不好设置iframe的高度值。试了多种方式之后，总结了几种自适应的方式。实时刷新iframe高度变化var iframes = document.getElementsByTagName('iframe');setInterval(function() {for (var i = 0, j = iframes.length; i <

var UA = navigator.userAgent,isAndroid = /android|adr|linux/gi.test(UA),isIOS = /iphone|mac|ipod|ipad/gi.test(UA) && !isAndroid,//mac很重要，遇到过ipad safari的ua不包含iphone|ip...