渴望做梦

摘要： 在本篇中我来介绍一下jcrop如何实时展现用户裁切的效果图以及在项目中使用该插件注意的问题。 首先，你们在创建头像时，都可以在旁边实时的看到我裁切后的效果图，就如博客园。 这个是如何实现的呢，其实并不难。 还记得我们在Jcrop插件初始化的时候配置了一个这个参数吗。 这个参数就是当裁切框不断变化的时 阅读全文

摘要： 在这一篇里，我来具体讲讲代码该如何写。 下面是jCrop的初始化代码 注意： 因为图片并不是一开始就有的，而是要用户先上传而后才能显示的，所以我在这里用了onload事件，当图片加载成功时再去初始化jCrop插件。 另外就是为了用户更好的体验，我们先把选框（就是虚线勾勒的裁切框）创建好，这里因为我的 阅读全文

摘要： 上一篇简单的介绍了一下开发的背景以及一些学习资料，下面开始介绍如何上手。 一、下载jCrop http://deepliquid.com/content/Jcrop_Download.html 直接去官网下载就好了。 二、将插件部署到项目中。 一般引入这两个文件就可以了。 三、开始初始化插件。 最简 阅读全文

摘要： 之前，项目经理为了提升用户体验让我在之前图片上传功能的基础上实现图片的裁切功能，作为一个前端小白来说听了这个需求心里一紧，毕竟没有做过，于是跟项目经理商量要先做下调研。在一上午的调研中发现了jCrop这个插件出现的概率最高而且也比较符合项目的要求并且网上的教程也很多，于是果断开始了对这个插件的实践。 阅读全文

摘要： 1、对于不能确定宽度的div让它水平居中。 son的宽度不确定，要让它在father里面水平居中 方法: 2、box-sizing的认识 （1）值为content-box（默认） 在宽度和高度之外绘制元素的内边距和边框。 （2）值为border-box 为元素指定的任何内边距和边框都将在已设定的宽度 阅读全文