用CSS Flex 布局绘制柱状图 Bar chart

2020-03-13
阅读 2 分钟
2.9k
关于flex布局,可以看我这篇 图解Flex布局 本文基于的框架:微信小程序、uniapp(Vue.js)、SCSS。原理是一样的,我就不转换成原生的Vue.js和css了。 原理: 模板: v-for="i in 5" 循环显示5个bar :style="{ 'height': readingHoursHeight[i] + 'px' 根据readingHoursHeight的数据动态设置bar的高度 {{ readingHours[i]...

自开发的EasyCanvas绘图库实践、Pixeler项目开发小结

2018-05-23
阅读 2 分钟
3.1k
欢迎交换友链: laker.me--进击的程序媛Github:[链接]V信: lakerHQ (请注明‘来自博客’) 涉及的两个项目 Pixler:一个用于设计像素图片(拼豆)的应用。 Easycanvas.js: Canvas 绘图库 开发背景 我对拼豆感兴趣,在做拼豆前要设计图纸,类似画像素图。我试用了网上能搜到的几个拼豆图纸设计的应用,但是没有适合我的...

HTML5上传图片文件(含拖拽、预览、上传、美化)

2016-04-12
阅读 4 分钟
42.3k
欢迎交换友链 Laker's Blog--进击的程序媛Github:[链接]微博: 江小湖Laker 上篇文章讲了如何上传文件。本文讲细分讲述图片上传、预览等。 关于接口 File API File - 独立文件;提供只读信息,例如名称、文件大小、mimetype 和对文件句柄的引用。 FileList - File 对象的类数组序列(考虑多文件上传或者从桌面拖动目录或...

HTML5+Ajax上传文件

2016-03-04
阅读 2 分钟
14k
欢迎交换友链 Laker's Blog--进击的程序媛Github:[链接]微博: 江小湖Laker HTML input类型设为file: {代码...} 如果想上传多文件,可添加multiple {代码...} 用accept="MIME_type"限制提交的文件类型,用逗号隔开的 MIME 类型列表(服务器端也要最好类型检测双保险),如: {代码...} 获取文件内容 JavaScript: {代码...