根据 轮播图背景色 自动填充剩余背景色的 走马灯 起因 今天产品经理过来说,需要在首页加上一个类似一个天猫的轮播图。天猫的轮播图是 图片定宽定高, 当不同分辨率屏幕时候 会根据图片的背景色填充容器左右空隙。 比如1800…
标签:canvas
使用canvas一步步实现图片打码功能
使用canvas一步步实现图片打码功能 原文地址 https://github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md…
vue项目中实现图片裁剪功能
原文地址 https://github.com/MY729/pict… 在vue项目中实现图片裁剪功能 演示地址 https://my729.github.io/picture-crop-demo/dist/…
前端爬坑之旅--echarts渲染时canvas变为100px
开发要求:在实习时分配的一个页面,有三个标签,默认加载的是一个table,后两个标签都是echarts图表,但是三部分用的是相同的数据,包括分页。 问题描述:刚开始设置图表渲染为默认加载,通过v-show控制所要展示的标…
使用Fabric.js玩转H5 Canvas
前言 之前使用这个框架写过一个卡片DIY的项目,中间遇到很多问题都只能通过google或github issues才能解决,国内资料较少,所以才想写这篇文章来简单的做下总结,希望可以帮到其他人哈。 附上个人项目地址:vu…
vue + canvas 实现炫酷时钟
如何基于canvas实现下图的样式 demo演示地址: https://mirror198829.github.i… canvas绘制步骤思路 绘制表盘的(时针)刻度 绘制表盘的(分针)刻度 绘制表盘数字刻度…
将你的 Virtual dom 渲染成 Canvas
项目概述 一个基于Vue的virtual dom插件库,按照Vue render 函数的写法,直接将Vue生成的Vnode渲染到canvas中。支持常规的滚动操作和一些基础的元素事件绑定。 github 地址: gith…
手把手教你封装Vue组件
为了能在Vue上更简便地使用canvas-nest.js这个炫酷的特效,在原项目作者的提醒下,花了几小时直接将canvas-nest封装成了vue-canvas-nest组件。 初始化 # init vue init w…
黑洞效果的粒子背景效果
简介html canvas实现的粒子效果背景,鼠标点击粒子有弹动效果,设置区块产生黑洞回收粒子 效果预览:http://www.jquery66.com/demos…下载地址:https://u1872514…
实践是检验程序员的唯一标准01:用户不想跟你说话并向你扔出一张图片 - 图片上传组件开发【思路篇】
温馨提示:这里除了一些幼稚的小组件啥也没有温馨提示-续:这是一个新的系列,写一些实际开发中遇到的一些常用的功能,想法笨拙,代码乱套 写在前面 图片上传,作为web端一个常用的功能,在不同的项目中有不同的需求,在这里实现一…
Sass Mixin 和 Media Merging
如果你对 Sass不太熟悉的话,你可能不知道Sass增加了许多非常有趣的功能,例如媒体查询(即 @media)功能(经常被成为 Media Merging媒体合并)。 在向你解释什么是Media Merging之前,你应…
HTML5简单图表插件
最近选修了一门web信息选修课,期末要交一个小项目,本来是想说做个小游戏的,但想想最后还是选择做了这个jquery插件。网上已经有很多类似的插件了,当然也远比我这个好得多,但好歹我的代码虽然有点乱,至少容易看得懂(我自己…