最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形，也在github上看了一些例子，一般剪裁图片用的都是方形，所以自己打算写一个小组件，可以把图片剪裁成圆形，主要思路就是使用canvas绘图，把剪裁的图片绘制成圆形，另外剪裁图片的窗口还可以移动放大缩小，这个功能就用... ...
分类：
微信 时间：
2019-03-04 23:43:42
阅读次数：
289
border-radius:50%可以让元素正方形元素表现为正圆。 如果元素设置了border边框，则会表现为一个正圆圈圈，类似这样： 但有时候，border边框的这个圈圈会在边缘处发生剪裁，个别浏览器显示有差异 圈圈的左或者右侧不是圆的了，而是像被什么东西一刀切下去，成了直直的了。 出现这种渲染问 ...
分类：
其他好文 时间：
2019-02-20 13:22:05
阅读次数：
146
容器类Widget 容器类Widget一般只是包装其子Widget，对其添加一些修饰（补白或背景色等）、变换(旋转或剪裁等)、或限制(大小等) Padding Padding可以给其子节点添加补白（填充），来看看它的定义： EdgeInsetsGeometry是一个抽象类，开发中，我们一般都使用Ed ...
分类：
其他好文 时间：
2019-01-27 19:29:31
阅读次数：
253
border-image 属性之间用 '/' 分隔。 slice 其有1~4个参数，代表上右下左四个方位的剪裁,九宫格方式裁剪outset 相当于把原来的贴图位置向外延伸。不能为负值repeat 可选参数 stretch(默认,拉伸) round(凑整填充，适当拉伸) repeat(不拉伸，不凑整) ...
分类：
其他好文 时间：
2019-01-21 19:31:15
阅读次数：
137
jQuery.cropper.js是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。 一、移动端获取本地相册兼容 安卓：<input type="file" accept="image/*" ca ...
分类：
移动开发 时间：
2019-01-15 19:09:33
阅读次数：
359
github地址 实现原理很简单 ，自己绘制一个裁剪框， 根据手势 选择到适合的位置 ，然后将选中的区域绘制到一个新的图片上，从而完成裁剪 裁剪框的绘制 这里我是根据点来连线的 因为每个点上会绘制一个拉伸的标识符 源图片的绘制 ，根据屏幕大小 把图片缩放成适合长宽比例的图片 绘制完后 就是根据手势的 ...
分类：
其他好文 时间：
2018-12-31 21:13:41
阅读次数：
526
CSS clip 是一个极少使用，但又确实存在的属性。 而且，它其实在CSS2时代就有了。 w3school 上有这么一句话： clip 属性剪裁绝对定位元素。 也就是说，只有 position:absolute 的时候才是生效的。 那么，这个东西到底怎么用？ 我琢磨了一会儿，知道是怎么回事儿了。 ...
分类：
Web程序 时间：
2018-12-17 22:01:11
阅读次数：
753
利用C#图片处理的一些基本和高级应用，解决了显示排版时想让相片缩略图列表非常统一、整齐、和美观，每张缩略图大小固定为120 x 90且不拉伸变形，用户头像让缩略图比原图更清晰，上传的图片下加一个半透明的LOGO水印等等要求。 高缩略图清晰度 之前一直认为缩略图不可能比原图清晰，直到某天一位产品的同事 ...
一、什么是渲染管道？ 是指在显示器上为了显示出图像而经过的一系列必要操作。主要步骤有：把物体从本地坐地转换到世界坐标->视图 坐标->剪裁空间->投影->视图变换->光栅化（alpha测试、模板测试、深度测试）->写到帧缓冲区（frame buffer） 二：如何优化内存？ 1.压缩自带类库；2.将 ...
分类：
编程语言 时间：
2018-12-09 16:13:14
阅读次数：
271
clip 属性 用于剪裁绝对定位元素。 scroll behavior: smooth; 作用在容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。利用这个css属性可以一步将原来纯css标签直接切换，变成平滑过渡切换效果。 代码： ...
分类：
Web程序 时间：
2018-11-16 11:41:08
阅读次数：
225
