【问题标题】:how to fast convert bootstrap button into png image file?如何快速将引导按钮转换为 png 图像文件?
【发布时间】:2018-12-24 20:29:50
【问题描述】:

我想说的是,有一个很好的(或者可能不是)引导框架,可以用简单的代码生成按钮。 我真的很喜欢这些按钮的外观,我想在其他软件中使用它们,但为此我需要 PNG 格式。

为什么对“手动”选项不满意 - 按钮需要很多但并不总是需要,但在需要时 - 他们需要快速,不想花很多时间创建按钮...... 当前进程:

  1. 打开页面(例如https://www.tutorialrepublic.com/twitter-bootstrap-button-generator.hhp)设置必要的参数(按钮名称、大小、类型、颜色、图标...)

  2. 将整个屏幕复制到缓冲区

  3. 将缓冲区中的屏幕截图插入图像编辑器

  4. 对这张图片进行必要的裁剪,只留下按钮本身的图片

  5. 以 png 格式保存结果
  6. 在您的应用程序中使用该图像。

我想收到的:

  1. 打开(没有区别 - 网页、任何软件等...)
  2. 指定所需参数(按钮文本、大小、颜色、图标)
  3. 按下按钮 - 保存为 PNG,不会损失质量。
  4. 在您的应用程序中使用图像

也许有人已经解决了类似的问题并将其翻译成半自动模式,分享实现。 我在工作站使用Win10

【问题讨论】:

    标签: html twitter-bootstrap png converter


    【解决方案1】:

    最简单的方法是通过截图工具手动裁剪它们。如果您只有几个按钮,这将非常有用。

    但如果你想自动获取它们,我认为你可以使用 python/opencv 脚本来识别按钮,裁剪并保存它们。

    【讨论】:

      【解决方案2】:

      好的,找到解决方案 - ShareX (https://getsharex.com/) 软件,带有 1 个热键(ctrl + printscreen) - 打开带有缩放功能的裁剪对话框,裁剪后 - 自动生成 png 文件

      【讨论】:

        猜你喜欢
        • 2021-06-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-01-25
        • 2012-01-21
        • 1970-01-01
        相关资源
        最近更新 更多