- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我有一组 png 文件,尺寸为 4500x5400。
我想做的是:
我整晚都在胡闹,但还没有走多远:
我已经获得了我的圈子的代码:
'<svg height="485" width="485"><circle cx="242.5" cy="242.5" r="242.5" fill="#3a4458"/></svg>'
然后是一些调整大小的代码,调整我的 png 的大小,并屏蔽它。
sharp(`${toConvert}/${file}`)
.trim()
.resize(485, 485)
.embed()
.overlayWith('overlay.png', { cutout: true } )
.toFile(`./converted/${file}-pop.png`)
.catch(err => {
console.log(err)
})
有谁知道如何将两者结合起来,这样我就可以得到一个带有我的png的彩色圆圈?
仅供引用,Sharp 是一个图像处理库:https://github.com/lovell/sharp
最佳答案
这是来 self 的项目,有一个圆形封面,
首先在SVG.js的帮助下创建一个圆形SVG您可以使用背景属性来获取彩色圆圈。
const window = require('svgdom');
const SVG = require('svg.js')(window);
const document = window.document;
const ShapeUtil = {
drawCircle: function (width, height) {
return new Promise(function (resolve, reject) {
var circleDraw = SVG(document.documentElement).size(width, height);
circleDraw.clear();
circleDraw.viewbox(0, 0, width, height);
circleDraw.circle(width).cx(Math.abs(width / 2)).cy(Math.abs(width / 2));
resolve(circleDraw.svg());
});
}
};
然后使用 Sharp.io 将创建的 SVG dom 覆盖到裁剪后的图像:
ShapeUtil.drawCircle( width, height)
.then(function (resultSVG) {
sharp(croppedImage)
.overlayWith(new Buffer(resultSVG), {cutout: true})
.png().toBuffer();
}
关于node.js - 使用 Sharp 将 png 叠加到 SVG 上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49712421/
我尝试安装 expo在我执行命令后exp start但我得到了: Something went wrong installing the "sharp" module Cannot find modu
我需要在 fsharp 中制作一个程序,将输入文本文件中所有出现的字符串“needle”替换为另一个字符串“replace”。这个问题的一个很好的解决方案已经发布在这里: F# - fileRepla
我对该库有很多麻烦(显然是因为我是新手)。我正在使用Microsoft Visual Studio 2015。 首先,我绝对不知道如何将这个库添加到我的项目中。我也没有找到任何对Google有帮助的信
我已经按照错误所说的做了。我删除了 sharp 然后 npm install --ignore-scripts=false --verbose 但它仍然不起作用。 我也试过: rimraf node_
是否可以在 GeneticSharp 中实现不等式约束(线性或非线性)? 最佳答案 您可以在适应度函数中实现它们,通过与正常适应度范围相比以惊人的惩罚来惩罚违反约束的染色体。 我已经解决了一些问题并且
我在放置要从 Microsoft 引入的 F# 语言的概念和可能性时遇到问题。 F# 仅用于声明函数吗?还是通过将 F# 与普通 C# 或 VB 代码混合在一起,将应用程序“完全”用 F# 编写? 最
我正在使用 WkHtmlToXSharp (QT webkit) 库构建一个 HTML 到 PDF 转换器,并且想知道是否有人知道如何向文档添加页眉和页脚?我在这里看到了一些有关此库的问题,但找不到有
声明一个将对列表转换为关系的函数。 type Relation = ('a * 'b list) list 基本上,转动这个: [(2,"c");(1,"a");(2,"b")] 进入此: [(2,[
这是我的代码,当我输入一个非常大的数字时,我得到堆栈溢出错误有人知道为什么吗?当我输入一个非常大的数字时,我得到了那个错误,我不确定是什么原因造成的,只有大数字才能正常工作..... // // me
我有一个非托管结构,我想编码为 c sharp,它看起来基本上是这样的: struct MyStruct{ /* ... some stuff ... */ int numChild
给定多个时间跨度,我怎样才能得到一个数组来给出一天的工作小时数。 工作时间从09:00开始到17:00结束 例子: 15-Nov-2017 16:00 - 17-Nov-2017 12:00 -> 应
当然,最新的 Restsharp 中的默认值应该能够序列化“日期时间”。 下面是我的请求构建 var request = new RestRequest(Method.POST); request.R
我试图在另一个静态方法中调用 Browser.NewPageAsync(),但是当我调用它时,调用它的方法就退出了。 partial class Program { s
我使用 websocket-sharp ( https://github.com/sta/websocket-sharp )(仅限服务器端)。 我可以将许多客户端应用程序连接到我的 websocket
通过 Visual Studio,您可以轻松地为事件(单击按钮等)创建方法。有没有办法为多个事件创建一个方法,比如在单击三个按钮之一或输入多个文本框之一时运行的方法? 最佳答案 一旦您创建了该方法,您
我们刚刚开始试用 gStreamer-Sharp,看看我们是否可以创建管道,以便为我们的 .NET 软件编写媒体播放器组件。我们在 Windows/.NET 上运行,而不是 Linux/Mono。 一
我正在尝试使用 menustrip,我有 helpToolStripMenuItem_Click 可能有人会帮助我关于如何放置文档的代码,即如果我单击帮助,一个新的窗口显示出现像我从 vlc 帮助按钮
我有一个站点 Index.html 并且有一个从数据库生成的类别菜单。菜单由 HTML anchor 组成,但 href 属性始终类似于“Index.html#cat=xyz”,因为每个类别的内容都是
有人知道在 gtk# 中是否有一个 richtextbox 等效项或任何复制功能的方法吗? 我可能不需要完整的 rtf 支持,如果无法完成完整的 rtf 解决方案,我可能可以显示彩色文本。 提前致谢。
通常,我在 using 语句内声明流,以确保在我使用完流后正确处理流,这样我就不会在 using block 之外错误地调用它。 这里有一些例子: MSDN using Statement Refer
我是一名优秀的程序员,十分优秀!