mix-img 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
mix-img 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
mix-img 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
mix-img 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
mix-img 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织 百度
地区 国产
投 递 者 局长
适用人群 未知
收录时间 2021-06-07

软件简介

Mi 全称 mix-img,是一个前端图片合成工具库,通过调用 canvas API 实现包括图片和文字的合成,并最终生成图片 base64,合成成功后向用户展示和分享。它可以将多张图片和文字合成一个全新的图片。

作为一个轻量级的图片合成解决方案,Mi 支持多张图片并行加载合成,减少图片合成时间,提升前端开发者的开发效率,改善开发体验。

MI 特点

  • 并行加载图片资源使合成速度更快

  • 内置二维码功能,直接配置就能将二维码合成到图片上,不用开发者单独处理

  • 支持图片压缩

  • 默认增加缓存处理,同样配置图片直接返回结果而不是重新合成

  • 对开发者友好,包括支持调试、文字变量替换等

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表了资讯
06/21 16:02

百度开源一款前端图片合成工具库:MI

什么是 MI Mi 全称 mix-img,是一个前端图片合成工具库,它可以将多张图片和文字合成一个全新的图片。作为一个轻量级的图片合成解决方案,Mi 支持多张图片并行加载合成,减少图片合成时间,提升前端开发者的开发效率,改善开发体验。 MI 能做什么 随着互联网业务的发展,用户接触的信息也越来越多,越来越丰富。生动的图片相对简单的文字也更能够吸引用户的关注。而互联网海量的用户有不同的属性和兴趣,个性化展示图片、分享图片...

2
47
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于AI & 大数据专区
2020/05/23 18:01

2017你Mix了吗?

融合(Mix) 是一种设计方法, 也是创新的能力。 2017年,MixLab微信群里聚集各路跨界能手—— 有各领域的设计师、程序员、算法专家。 2018年,也许我们可以一块做点好玩的事情。 如需入群可以联系我。 这篇是年终总结: 2017年主要研究了以下内容: 最小可行性产品的研究,如商业画布、设计冲刺等内容的学习与实践; 跨终端开发技能:移动端快速开发、桌面端应用Electron、微信小程序开发; 人工智能产品开发的技能:深度学习k...

0
0
发表了博客
2016/08/07 10:24

elixir官方教程Mix与OTP(一) Mix入门

#Mix入门 1. 我们的第一个项目 2. 编辑项目 3. 执行测试 4. 环境 5. 探索 在本教程中,我们将学习如何构建一个完整的Elixir应用,包括监督树,配置,测试等等. 这个应用的功能是分布式键值仓库.我们将把键值对安排到桶中,并将桶分布到多个节点.我们也会构建一个简单的客户端,让我们能够与其中任何一个节点连接并发送如下请求: ``` CREATE shopping OK PUT shopping milk 1 OK PUT shopping eggs 3 OK GET shopping milk 1 OK DELET...

2
11
发表了博客
2019/01/05 16:05

istio-mix介绍

#mixer ##概念 Mixer 是负责提供策略控制和遥测收集的 Istio 组件: 在每次请求执行先决条件检查之前以及在每次报告遥测请求之后,Envoy sidecar 在逻辑上调用 Mixer. 主要提供三个核心功能: 前置条件检查(Precondition Checking): 某一服务响应外部请求前,通过Envoy向Mixer发送Check请求,检查该请求是否满足一定的前提条件,包括白名单检查、ACL检查等. 配额管理: 当多个请求发生资源竞争时,通过配额管理机制可以实现对资源的有...

0
0
发表了博客
2019/03/18 18:09

laravel-mix的安装

Laravel-mix的安装 Laravel Mix 是一款前端任务自动化管理工具,使用了工作流的模式对制定好的任务依次执行。Mix 提供了简洁流畅的 API,让你能够为你的 Laravel 应用定义 Webpack 编译任务。Mix 支持许多常见的 CSS 与 JavaScript 预处理器,通过简单的调用,你可以轻松地管理前端资源。 一、安装node.js 1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),...

0
0
发表了博客
2016/12/02 09:16

Android boot.img system.img ramdisk.img的解释

img解析: ramdisk.img:Android根文件系统,在android编译系统生成的out/target/product/root目录中 结构: ./init.trout.rc ./default.prop 保存一些调试参数,对于开发者相当重要 ./proc ./dev ./init.rc 一些启动参数 ./init ./sys ./init.goldfish.rc ./sbin ./sbin/adbd ./system system.img挂载点 ./data userdata.img挂载点 userdata.img 保存用户、应用信息。 结构: /data/app 所有安装后的app会移至此处,apk被拆成dex...

0
0
发表了博客
2019/02/12 14:59

img标签

img src属性 <img src="/i/eg_tulip.jpg" /> src的值:url形式(相对或者绝对路径),或者base64编码的图片数据(Data URI) src实现跨域请求,但不能访问服务器返回的响应内容,只能单向的发送get请求(在html元素中拥有src属性的元素是可以跨域访问资源,如:<script>,<img>,<iframe>) 图片显示白边框探 场景:无src时或者src为空时 消除白边方案测试: 设置border:0——无效 将它的宽高变为0——有效 隐藏元素——有效 ...

0
0
发表了博客
2011/08/15 11:56

QEMU-IMG

QEMU-IMG(1) QEMU-IMG(1) NAME qemu-img - QEMU disk image utility <-- QEMU磁盘镜像工具 SYNOPSIS usage: qemu-img command [command options] <-- qemu-img 命令(create/info/check/convert/snapshot/commit) 命令选项(-f/-o/-c/) OPTIONS The following commands are supported: <-- 6个命令 check [-f fmt] filename create [-f fmt] [-o options] filename [size] commit [-f fmt] filename convert [-c] [-f fmt] [-O ou...

0
1
发表于大前端专区
2019/08/09 20:19

02HTML-<img>

本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=bbkbb&title=02HTML-%3Cimg%3E 一、img的属性:alt/title   alt属性是替换名字,是给搜索引擎抓取使用,当图片显示不出来时,就会显示出alt的内容;        title 属性是提示文字,当鼠标移到图片上的时候会显示出来,大部分的标签都会有这个属性      *******************************alt和title属性的区别****************************** ** alt属...

0
0
发表于大前端专区
2019/06/04 20:34

匹配img标签及img 的src的正则表达式

text中img标签: <IMG height=375 alt="" src="http://www.mycreative.com.cn/upload/2010/4/tiancheng2.jpg" width=500> <IMG alt="" src="http://www.mycreative.com.cn/upload/2010/4/s2.jpg"> 匹配img标签的正则表达式:string Pattern = @"<img/s+[^>]*/s*src/s*=/s*([']?)(?<url>/S+)'?[^>]*>"; 匹配img 的src的正则表达式:string Pattern = @"(?<=src/s*=/s*[/'/""]?)(?<url>[http/:////]?[^'""]+)"; 匹配结果:http://...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
48 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部