精华内容
下载资源
问答
  • 对于图片处理,我们总是有着数不完的需求:裁剪、标记、打码、字...... 手机自带的编辑功能可以解决一部分问题,但总有力不能及的时候,你需要一个全能又好用的图片标注工具。今天介绍的 Pico 上手简单,功能全面...

    97e0e9bac74f356ac392c2db55f3c9a4.png

    裁剪、标记、打码、遮挡、加字......

    对于图片处理,我们总是有着数不完的需求:裁剪、标记、打码、加字...... 手机自带的编辑功能可以解决一部分问题,但总有力不能及的时候,你需要一个全能又好用的图片标注工具。今天介绍的 Pico 上手简单,功能全面,用它可以满足大部分图片标注的需求。

    关注极客之选,后台回复「图片标注」

    获取下载链接

    打开一张图片,下方有 13 个工具选项。标记工具有选框、画笔、直线、箭头,点击按钮可以调整颜色、形状、画笔粗细和描边。Pico 的细节做得很贴心,圆角矩形可以调整弧度,箭头工具中有双箭头选项,还能分别调整起点和终点。

    双指放大图片,可以更精确地对标注进行调整,旋转角度、放大缩小。不满意的话点击右下角就能撤销操作,或者选中标注,点击删除。

    246daaf30bbe95c64c5defc6eea018f7.png

    接下来是遮挡工具,同样可以选择方形和圆形范围。Pico 还提供了三种马赛克样式,模糊、方块马赛克和多边形马赛克,马赛克密度也可以进行调整。

    aad5f1a31f483b3980d4b70c821c15ed.png 

    第二种工具是纯色遮盖,添加方形和矩形的色块。画笔遮盖允许你自由绘制马赛克范围,可以调整画笔粗细。

    917919659963f36afd93de584ddc6cf3.png

    在图上标注文字也是基本需求,Pico 中能够调整字体大小、颜色、样式等参数。

    ef3baebc28925b0f829b78044b13d58a.png

    Pico 中最智能的功能是识别人脸和文字。在处理人像照片时,系统会识别出人脸所在位置,然后进行遮挡。遮挡方式除了前面提到的模糊、马赛克,还多了 emoji 表情,放在照片里很可爱。Pico 中也有一些基本的贴纸选项,可以对图片中的内容进行遮挡,又不会显得突兀。

    b722f17a003eb39ff178bf16d32a8dc8.png

    文字识别的用处是突出显示文字,样式可以选择高亮、删除线和下划线,还能调整线条颜色。

    3e32ef7e91555cc2dbcc710c870bf71a.png 

    当你想突出显示图片中的某个区域时,可以使用放大镜或聚焦功能。放大镜就是对某片区域放大显示,类似 iPhone 自带的放大器功能。在 Pico 中你还能选择边框的颜色和粗细,以及是否描边。

    聚焦功能是对图片上的其它地方进行遮罩,只显示想要突出的位置,遮罩方式有模糊和变暗两种。

    4a589f0a690ff2e4c5800e3786b78e76.png

    Pico 几乎包含了图片标注所需的所有工具,更难得的是它的操作非常简单,操作逻辑清晰,不会显得凌乱。如果你也缺少一个这样的图片标注工具,可以尝试一下 Pico。

    关注极客之选,后台回复「图片标注」

    获取下载链接

    8b21492c7e3fa41cfd5e984146b4ebbc.png

    a451a0f20cd4a257244ee4774b42fa98.png

    ddd973023c8ead2d391696d37d78fc1b.png

    f862e2e377f93617f4be681fd8231107.png

    展开全文
  • 我们经常能在图片上看到一些水印,一般分为图片、文字或者是两种一起的结合。那为什么要水印呢?目的是为了防止别人盗图、造假或者标注出处等,保护图片原作者的著作权或是劳动成果。那么给图片水印就非常有必要...
        

    我们经常能在图片上看到一些水印,一般分为图片文字或者是两种一起的结合。那为什么要加水印呢?目的是为了防止别人盗图、造假或者标注出处等,保护图片原作者的著作权或是劳动成果。那么给图片加水印就非常有必要了。

    怎么用PHP实现给图片加水印呢?

    先来看看效果
    watermark

    使用GD库

    使用GD库来实现效果
    图像处理和 GD - 手册
    正所谓授人以鱼不如授人以渔,光贴代码不讲实现过程的,都是耍流氓。所以下面我会写功能的实现过程、过程所需要用到的函数。

    内容基本都是干货,需要用到的时候可以方便查阅资料

    关键函数

    下面是php实现两种水印方式的关键函数:

    两种水印的实现方式

    图片水印

    准备两张图片

    • 原图
    • 水印图

    实现过程

    1. 在php中加载这两张图片,得到一个图像资源数据类型。
      根据不同的图片格式,使用对应函数

      它们甚至可以加载一张来自网上的图片
    2. 读取图片宽高。

    3. 可能你会需要将水印图进行缩小或放大(如果不需要,可以跳过这一步)
      等比例缩放

      1. 计算缩放比例,根据想要缩放到的值(比如一张宽度是500px的图片,想缩小成50px)
      2. 计算缩放之后的宽高
      3. 创建一个新的图像资源(新图像的宽高等于缩放之后的宽高)
        imagecreatetruecolor 新建一个真彩色图像
      4. 拷贝部分图像并调整大小
        imagecopyresized 拷贝部分图像并调整大小

        参数说明(为了方便理解,我对参数进行了语义化)
        imagecopyresized(目标图像资源, 原图资源, 粘到目标图像的起始水平坐标, 粘到目标图像的起始垂直坐标, 拷贝原图的起始水平坐标, 拷贝原图的起始垂直坐标, 最终想要的宽度, 最终想要的高度, 原图的宽度, 原图的高度);
    4. 使用imagecopymerge函数,拷贝水印图并合并到原图中。

      简单分析形参都有哪些(为了方便理解,我对参数进行了语义化)
      imagecopymerge(原图资源, 水印图资源, 水印水平坐标, 水印垂直坐标, 拷贝水印图的起始水平坐标, 拷贝水印图的起始垂直坐标, 要拷贝的宽度, 要拷贝的高度, 水印透明度);
      • 水印透明度:透明度范围是0-100
    5. 输出图像
      函数关键字image+图片格式 更多查看官方手册

      • imagejpeg 输出图象到浏览器或文件。
      • imagepng
      • imagegif
      • imagewbmp
      • ...

        如果要输出到浏览器中,需要设置content-type头部
      • header - 手册 发送原生 HTTP 头
      • 常用对照表
    6. 释放图像资源

    文字水印

    简单分析形参都有哪些(为了方便理解,我对参数进行了语义化)

    imagettftext(图像资源, 文字尺寸, 文字角度, 文字水平坐标, 文字垂直坐标, 文字颜色, 字体, 文本文字)
    • 文字尺寸

    GD库版本是1时,单位是像素(px),版本是2时,单位是点/磅(pt)
    px,pt,em换算表

    • 文字水平垂直基点位置

    字符的左下角为基本点

    • 文字颜色

    颜色索引,通过imagecolorallocate函数创建

    • 字体

    字体的绝对路径

    其他参考


    如果这对你有帮助,或者能帮你节省一些时间,不如,点个赞吧~

    原文地址

    展开全文
  • ,但如果要有序列表的数字上加效果,我暂时是没找到方法,除非换成图片,但是我们可以无序列表上,自己手动打上数字,然后用<span>标注,然后给他加上效果,但是如果要实现与上方的容器对齐时,记得<...
    众所周知,html中有两种列表,一种是有序列表<ol>,一种是无序列表<ul>,但如果要在有序列表的数字上加效果,我暂时是没找到方法,除非换成图片,但是我们可以在无序列表上,自己手动打上数字,然后用<span>标注,然后给他加上效果,但是如果要实现与上方的容器对齐时,记得在<li>加背景效果,而不是在<ul>里面加背景效果,不然前面的黑点也会被覆盖,手动打上的数字前面空白就太长了,如下所示:![在这里插入图片描述](https://img-blog.csdnimg.cn/20200629210500910.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JpYW9nZWdlZ2VnZTE=,size_16,color_FFFFFF,t_70)
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200629210546248.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JpYW9nZWdlZ2VnZTE=,size_16,color_FFFFFF,t_70)
    理想情况如下:
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200629210651167.png)
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200629210738538.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JpYW9nZWdlZ2VnZTE=,size_16,color_FFFFFF,t_70)
    
    展开全文
  • :exclamation:怎么刷 LeetCode? 我是如何刷 LeetCode 的 算法小白如何高效、快速刷 leetcode? 刷题效率低?或许你就差这么一个插件 力扣刷题插件 《91 天学算法》限时活动 第一期讲义-二分法 第一期讲义-双...
  • arcgis工具

    2012-10-22 22:37:31
    (对线要素进行标注时,如果标注在线标注和线会叠加显示,效果不理想,下面叫介绍一种可以显示标注的地方把线断开的方法,这样效果会美观一些) 操作步骤: 1).把标注转成注记,保存GDB中 2). 用...

空空如也

空空如也

1 2 3
收藏数 41
精华内容 16
关键字:

怎么在图片上加标注