JS+PHP 图片切圆角+九宫格 的 功能 帮你火爆朋友圈 www.zxgj.cn

效果还是不错的 JS + php 模式

 $("#commit").click(function(){
          showjiazai();
        var tpform2 = document.getElementById(‘tpform2‘);
        var formData = new FormData(tpform2);
        $(".img-responsive").each(function(){
            var blob = dataURItoBlob(this.src);
            formData.append("nimage", blob);
            formData.append("ntype", $("#ntype").val());
          });

要想把微信朋友圈玩好,图片工具必须少不了 --- 我们一直努力打造最好用的小工具。希望能方便的帮助大家提高效率....

1、图片切圆角 https://www.zxgj.cn/g/yuanjiao

在线对图片进行透明圆角处理是一种常见的需求,通常我们相机拍摄的照片都市方形的,那么怎么把照片边角处理成圆角呢,可能我们会快速想起一些大的工具软件,比如:PS,美图xiu之类的。不过这些都显得过于负责了,有没有一中更加简单的.... 图片切圆角 只需要上传一个图片,设置下圆角的半径,立即就生成圆角图片,试试看哦

2、图片九宫格切图

九宫格切图 可以方便的将一个图片切成九个图,俗称九宫格切图。可以安装原图的比例,横竖均等切分,也可以从图片中选取一部分后在行切为九宫格图片,九宫格切图广泛应用于微信发朋友圈,非常实用的在线工具软件。

https://www.zxgj.cn/g/jiugongge

原文地址:https://blog.51cto.com/14606836/2451888

时间: 2024-10-12 08:56:34

JS+PHP 图片切圆角+九宫格 的 功能 帮你火爆朋友圈 www.zxgj.cn的相关文章

js实现图片上传预览功能,使用base64编码来实现

实现图片上传的方法有很多,这里我们介绍比较简单的一种,使用base64对图片信息进行编码,然后直接将图片的base64信息存到数据库. 但是对于系统中需要上传的图片较多时并不建议采用这种方式,我们一般会选择存图片路径的方式,这样有助于减小数据库压力,base64 编码后的图片信息是一个很长的字符串,一般我们使用longText类型来将其存入数据库. html代码如下: <div class="col-sm-6"> <img id="headPortraitI

给图片切圆角

/** * 给bitmap画圆角 * * @param bitmap * bitmap对象 * @param roundPX * 圆角的角度 * @return 画好圆角后的bitmap对象 */ public static Bitmap roundBitmap(Bitmap bitmap, float roundPX) { try { final int width = bitmap.getWidth(); final int height = bitmap.getHeight(); Bitm

Java 图片切圆角,消除锯齿

public static BufferedImage setBorderRadius(BufferedImage srcImage, int radius){ int width = srcImage.getWidth(); int height = srcImage.getHeight(); BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB); Graphics2D g2d =

js实现图片上传预览功能,使用base64编码来实现

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> #preview, .img, img { width: 200px; height: 200px; } #preview { border:

Java 图片设置圆角(设置边框,旁白)

/** * 图片设置圆角 * @param srcImage * @param radius * @param border * @param padding * @return * @throws IOException */ public static BufferedImage setRadius(BufferedImage srcImage, int radius, int border, int padding) throws IOException{ int width = srcI

仿微信朋友圈点赞和评论功能

仿微信朋友圈点赞和评论功能 最近在做朋友圈的项目,所以写一个Demo,代码就是简单实现了一下功能,没有做优化,凑合看 图文排列是用的RecyclerView实现的,弹窗效果是用的自定义的PopupWindow,点赞应该是在本地请求数据库,设置一个flag,获取当前用户的id后,带着id向服务器post一个flag,评论就比较简单了,也是获取当前朋友id(或者昵称),带着内容,向服务器post 贴代码: package com.example.lenovo.dianzandemo; import

h5实现朋友圈点赞图片生成器

经常有各种朋友圈集赞活动,令人烦不胜烦.因此开发了一个朋友圈点赞图片生成器, 方便有需要的人薅商家羊毛. 实现方式并不是直接生成了图片,而是利用html5实现的高仿朋友圈界面, 可任意指定点赞数.图片,文字等均可编辑修改.稍微修改成想要的样子,然后截图即可. 部分代码参考网上内容,用微信打开此链接 http://www.shenhuaxin168.com/?_easy=su.common.index.zan 或者扫一扫体验

js旋转图片的功能

最近突然想研究一下js旋转图片的功能.对于之前的实现方式,就不先说了.现在HTML5很不错,主要了解一下HTML5中的图片旋转吧. 实例演示:  http://www.imqing.com/demo/rotateImg.html 原理:利用canvas对象来旋转. 实现方式:首先创建一个canvas元素,然后把img元素绘入canvas.但是,实际上,这是默认情况,就是图片没旋转时.如果图片要旋转90度的话,就需要先把canvas画布旋转90度后再绘图. 描述如下: (内部旋转原理是这样的,图片

原生JS编写图片切换效果和点击按钮的样式变化

这两天更进一步的了解了JS,老师让我们用原生的js编写图片切换和改变点击按钮样式,就是让我们学会怎么去把一个问题拆分,怎么将一个大问题拆分成许多的小问题,再用函数封装起来.比如一个点击按钮,让其点击时背景色发生改变,点击另一个时,上一个按钮要变回原来本有的颜色:这个问题用jquery,一行代码就搞定,但是用原生js就得分三个部分来考虑: 1.添加改变背景的样式. 2.怎么获取到除了当前点击的按钮以外其他的兄弟节点. 3.怎么去除按钮的样式属性. 也讲了事件委托,实现了可以删除新添加的元素的功能.