canvas
文章平均质量分 51
impossible1994727
百尺竿头更进一步
展开
-
h5 canvas绘制网络图片并导出
canvas 绘制多张网络图片;canvas 导出图片;canvas 绘制方形图片为圆形;原创 2023-05-10 11:18:06 · 765 阅读 · 1 评论 -
前端刮刮乐特效
.guaguale{ width: 100%; height: 100%; background: salmon; position: absolute; } .guaimg{原创 2017-07-25 14:00:01 · 878 阅读 · 0 评论 -
微信小程序canvas画图
基础写起来太没动力了,也写得乱七八糟的,还是直接解决一些小问题比较方便,代码的方方面面的细节都会详尽的解释一下。1、下面介绍一下canvas的画图,我这个简单一点,画一个带图文的背景图,图片可以从后台获取也可以选择本地的。canvas画图首先要在wxml里面新建一个<canvas>标签,一定要写上canvas-id='canvas的id',这是必须条件,如下面代码:<...原创 2018-07-16 17:35:44 · 22958 阅读 · 2 评论 -
手动输入数字改变扇形图的比例,用canvas画,分为vue版本和纯js两个版本
如上图所示,根据红、黄、粉不同的数字绘制比例不同的扇形图。canvas画图的基础知识请大家自行百度,就不做解释了。一、vue+js版本1、首先写个canvas标签,定义id为canvas;2、引入vue.js3、写canvas画图的js文件:var precent = []; function init() { var color = ['#FF0000', ...原创 2018-08-28 17:13:45 · 1304 阅读 · 0 评论 -
前端修改input上传的图片大小
我的本意是压缩图片的质量,一不小心写成了修改图片的宽高;1、HTML部分代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...原创 2019-04-08 16:15:11 · 4950 阅读 · 0 评论 -
微信小程序canvas画图(二)
有一个需求,根据各个比例画一个canvas圆环图;例子如下我找了echart的插件,没弄好,然后尝试自己用canvas花了弧形的图;1、在wxml里面定义一个canvas标签:<canvas canvas-id='mycanvas' style='width:160rpx;height:160rpx'></canvas>1、在data里面给定每部...原创 2019-04-28 14:08:50 · 618 阅读 · 0 评论