![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 57
前端
keep-study
学海无涯不坐舟
展开
-
canvas的基本使用
剪裁后,绘制的图像和路径,只有在剪裁的路径内的部分会展示,超出的部分不展示制作圆形头像就是使用该原理,先绘制圆形路径,让后让如图片,即可如果想在剪裁区之外绘制图形,需要在clip之前使用save()方法,然后再clip之后使用restore()方法原创 2023-01-13 16:35:15 · 425 阅读 · 1 评论 -
vue3使用记录
找到node.js的安装目录,把npm.cmd文件中的prefix-g修改为prefix--location=glocal保存后,再次打开命令窗口,执行npm命令不再提示异常。使用中发现,element组件中有些有些属性是一个静态值,不需要绑定动态数据时,但是使用时还是需要进行绑定,否则无效。使用,需要在setup中调用,不能在setup中定义的方法内调用,和globalPropertie类似。除了字符串类型的属性,其他类型的参数,我们最好加上冒号,以避免属性不生效。...原创 2022-07-19 11:01:23 · 422 阅读 · 0 评论 -
JS原生拖动图片排序
<div class="box"><div draggable="true" ondragstart="dragStart(event)" id="woshi1" ondragover="allowDrop(event)" ondrop="drop(event)"><img src="1.jpg" alt=""/> </div><div draggable="true" ondragstart="dragStart(event)" id="wosh原创 2021-05-17 10:26:42 · 313 阅读 · 0 评论 -
简单穿梭框代码
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>穿梭框</title> <link rel="stylesheet" href="index.css"> <script src="jquery.min.js"></script> <style> ul,原创 2021-03-30 10:23:43 · 517 阅读 · 0 评论 -
CSS时间轴样式列表
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <title>timeline</title> <s转载 2021-01-22 15:53:26 · 546 阅读 · 0 评论 -
HTML和JS相关问题记录
1、背景图片路径问题使用编辑器上传文件,存入数据库的路径很多时候像这样:20180820\6cbb383c55a6078fdf4f2be34fcbf61b.png在h5的img中直接使用这些路径,没有问题。但是当作为背景图片时,反斜杠\就会导致图片不能显示。style="background-image:url('/uploads/img/20180820\111.png'});...原创 2018-08-31 14:39:27 · 219 阅读 · 1 评论 -
aliplaye,rH5同层播放器,解决Android端wap视频点击全屏问题
做直播项目时候在h5播放器方面遇到一些问题。 先说需求。主要是在微信浏览器打开,上面是视频播放窗口,下面是对话互动窗口,界面类似下图 预想的是,上边视频可以小窗播放,下面可以发送消息。在ios系统是可以实现,但坑爹的是,在安卓上没办法实现。点击视频播放后,直接一个全屏video层覆盖在页面最上方,如下图 因为主要是使用场景是在微信浏览器,所以看看小马哥...原创 2018-08-31 13:50:44 · 6240 阅读 · 0 评论 -
html2canvas使用记录
该插件,我使用的是1.0.0-rc.4版本,网上提到的旧版本的一些问题,基本都得到了解决,比如手机端截图模糊问题,跨域图片缓存问题,都没有出现//此处dom对象也可使用jquery获取,但要注意jquery获取的是jqery对象obj;obj[0]才是dom对象var dom = document.getElementById('big_div');//html2canvas代码html2canvas(dom,{ //允许读取跨域图片 //此处设置可读取跨域图片,是给dom中的图片添加了cros原创 2020-07-13 11:36:07 · 305 阅读 · 0 评论 -
layer使用记录
1、多弹出层共存的问题使用layer.open打开一个弹出层后,在弹出层上进行其他点击操作时,触发了另外一个弹出层,这时候第一个弹出层消失了。如果需要保持第一个弹出层不消失,需要在layer.open时,设置type属性值为1或者2即可。默认type是0,为信息框,有其他弹出层时会自动关闭。...原创 2020-05-04 21:36:57 · 229 阅读 · 0 评论 -
百度ECHart和地图API使用记录
1、折线图option = { //调色盘,不设置的话会给每条线默认的颜色 //线条的文字,线,标记等都会默认使用该颜色 color:['#F49B60'], //设置图表标题 title:{ text:'月会员增量趋势图', left:'center' }, //生成随鼠标移动的Y轴线,并显示数据 toolti...原创 2020-04-28 18:05:23 · 187 阅读 · 0 评论