- 博客(8)
- 收藏
- 关注
RSS订阅原创 drawImage 绘制多张图片时层次顺序错乱
drawImage 绘制多张图片时层次顺序错乱项目场景：canvas绘制结果页分享图片问题描述：目前需要使用 drawImage() 绘制多张图片在 canvas 中是没有 z-index 这个属性的，只有绘制早的图片会显示在底层，绘制的图片显示在顶层。downImage(ctx, img, x, y, w, h, canvas) { let bgImg = new Image() bgImg.src = img img.onload = function (.
2022-01-20 14:41:06
1103
1
原创 小程序调用弹窗组件后，需要在页面其他组件操作弹窗显示时，和弹窗自身关闭的逻辑
主要介绍，小程序调用弹窗组件后，需要在首页其他组件操作弹窗显示时，和弹窗自身关闭的逻辑我们一起看看首页的部分源代码wxml页面的页面结构<view class="page-home"> <!-- 公共组件 - 需要调用弹窗显示隐藏的组件 --> <pageModel bind:showSubscribe="showSubscribe"></pageModel> <!-- 公共组件 - 预约提示弹窗 --> <popTex
2020-08-19 09:08:09
542
原创 ajax获取接口数据
直接明了 直接上代码$.ajax({ url: 'https://www.easy-mock.com/mock/5d6390b90915be18898ac4bd/Hani-ChenURL/test', //接口链接 type: 'get', //请求方式 // 如果获取成功 success: function(data) { //成功时返回的data值 conso...
2019-08-26 18:08:21
3487
原创 howler 音频插件使用
点击按钮播放背景音效用插件之前我们是要引入插件库的 本篇文章使用 howler.js 第三方库引入废话不多说咱直接上代码html 代码块<!-- 我们就只用两个按钮来做本次demo演示 --><button class="play">播放</button><button class="stop">暂停</button>&l...
2019-08-07 16:56:18
1691
原创 lottie 动画插件使用
首先我们需要动画师输出给我们一个 JSON 动画文件然后我们的主角 lottie.js 要出场了我们通过 npm i lottie-web -s 下载 lottie.js下载完成后 我们就开始使用吧html 代码块<!-- 包含动画的dom元素 --><div id="animation"></div><button class="stop"...
2019-08-07 16:04:24
612
原创 将帧动画素材生成为帧动画
将帧动画素材生成为帧动画准备开始优化帧动画准备帧动画素材gka 介绍及使用开始进入到帧动画素材文件夹 Shift + 鼠标右键 打开命令窗口安装 gka npm i gka -g安装完成之后 ==> 输出最简单的帧动画 /** * * ./text 帧动画素材相对路径 * -t 选择模板名（1.css 2.canvas ...
2019-07-09 15:25:14
1335
原创 阻止移动端浏览器点击图片预览问题
阻止移动端浏览器点击图片预览问题1、内联方法2、css背景图3、js方法1、内联方法在img元素上添加 οnclick=“return false” <img src="./img/header.jpg" onclick="return false" id='header-img'>2、css背景图使用背景图片(这种是比较普遍的方式) #header-img{...
2019-06-15 16:07:07
577
原创 vue v-for 图片不显示 解决方案
第一种解决方法直接在lists中利用require语句lists: [ { images: require('@/assets/img/index1.jpg'), text: '这是文本' }, { images: require('@/assets/img/index2.jpg')...
2019-04-30 14:26:32
2501
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人