- 博客(8)
- 收藏
- 关注
原创 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 1132 1
原创 小程序调用弹窗组件后,需要在页面其他组件操作弹窗显示时,和弹窗自身关闭的逻辑
主要介绍,小程序调用弹窗组件后,需要在首页其他组件操作弹窗显示时,和弹窗自身关闭的逻辑我们一起看看首页的部分源代码wxml页面的页面结构<view class="page-home"> <!-- 公共组件 - 需要调用弹窗显示隐藏的组件 --> <pageModel bind:showSubscribe="showSubscribe"></pageModel> <!-- 公共组件 - 预约提示弹窗 --> <popTex
2020-08-19 09:08:09 555
原创 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 3491
原创 howler 音频插件使用
点击按钮播放背景音效用插件之前我们是要引入插件库的 本篇文章使用 howler.js 第三方库引入废话不多说咱直接上代码html 代码块<!-- 我们就只用两个按钮来做本次demo演示 --><button class="play">播放</button><button class="stop">暂停</button>&l...
2019-08-07 16:56:18 1709
原创 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 649
原创 将帧动画素材生成为帧动画
将帧动画素材生成为帧动画准备开始优化帧动画准备帧动画素材gka 介绍及使用开始进入到帧动画素材文件夹 Shift + 鼠标右键 打开命令窗口安装 gka npm i gka -g安装完成之后 ==> 输出最简单的帧动画 /** * * ./text 帧动画素材相对路径 * -t 选择模板名(1.css 2.canvas ...
2019-07-09 15:25:14 1359
原创 阻止移动端浏览器点击图片预览问题
阻止移动端浏览器点击图片预览问题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 596
原创 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 2528 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人