Git Product home page Git Product logo

logoly's Introduction

Logoly —— A Pornhub Flavour Logo Generator

GitHub last commit GitHub issues GitHub stars

A Simple Online Logo Generator for People Who Want to Design Logos Easily.

Screenshot

Features

  • generate logo like PornHub or OnlyFans
  • download your own logo in PNG/SVG format
  • customize logo color
  • customize logo font size

How to Use

  1. open the Logoly website: https://logoly.pro/
  2. edit the text in the box
  3. change color & font size as you like
  4. click the Export button to download the image

TODO

  • share it on Facebook
  • customize fonts

Changelog

See Changelog

How to Contribute

For those who want to request new features or submit bug reports, click this link to open a new issue.

For those who want to play around with this project, read the Get Started section.

At the end of this section, I suggest you read the Contributing Guide.

Requirements

  • Node.js

Get Started

  1. clone this project
  2. install dependencies with npm install at the project root directory
  3. start the development server with npm run dev
  4. make changes
  5. build with npm run build

Related Project

Sponsors

LICENSE

WTFPL 2

logoly's People

Contributors

bestony avatar caymanson avatar dependabot-preview[bot] avatar dependabot[bot] avatar ghlandy avatar locez avatar lujun9972 avatar molizz avatar potato4d avatar rithvik-padma avatar summer2233 avatar vizv avatar wxy avatar ycjcl868 avatar yes1am avatar yldshv avatar yovelovadia avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

logoly's Issues

use canvas export

在Pornhub.vue的methods添加以下方法

    downloadIamge(imgsrc, name) {//下载图片地址和图片名
      let image = new Image();
      // 解决跨域 Canvas 污染问题
      image.setAttribute("crossOrigin", "anonymous");
      image.onload = function() {
        let canvas = document.createElement("canvas");
        canvas.width = image.width;
        canvas.height = image.height;
        let context = canvas.getContext("2d");
        context.drawImage(image, 0, 0, image.width, image.height);
        let url = canvas.toDataURL("image/png"); 
        let a = document.createElement("a"); 
        let event = new MouseEvent("click"); 
        a.download = name || "photo"; 
        a.href = url; 
        a.dispatchEvent(event); 
      };
      image.src = imgsrc;
    },

调用导出方法改为以下代码

    download() {
      var node = document.getElementById('logo')
      var that=this
      domtoimage.toPng(node).then(function(res) {
        console.log(res)
        that.downloadIamge(res,"logo")
        // FileSaver.saveAs(blob, 'logo.png')
      })
    },

Export to SVG format code

Is your feature request related to a problem? Please describe.
I want a logo with svg format, so I can use it in html directly.

Describe the solution you'd like
generate svg format

Describe alternatives you've considered

Additional context

Typo in `src/components/Slogan.vue`

In file src/components/Slogan.vue at line 25, the original statement is as the following:

If you think this project is fun, please give me a star.

fun => funny

support customized fonts

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

简单一点说吧,目前站长的这个功能对不少中小站长都相当好用了,但是如果能够增加自定义字体那就更好了,比如谷歌的免费字体。

无法导出

无法导出,谷歌浏览器和UC浏览器都无法导出

ios签名

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Change Single Font Size

logo (1)

白总:提个小建议
1.可否对单个字体进行大小调节;
2.若担心影响简约性,那么能否对Logo前后两部分的字体大小进行单独调节,例如:我希望”Edit”大小保持不变,但是“Me”能够小一点,放在右下角。
这样优化的话,个人觉得项目的可用性能够大大增强?

Support like iqiyi , qq-video youku ...

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Google Support

How about add a support like google's logo.

Like this:
logo

建议可以上下分开输入

比如上面是ABCHub
英文下面可以输入中文。。。
这样就可以直接生成logo和文字共同体的logo了。

Create logo similar to youtube

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Reverse Highlight 对已填内容的保留(呈现)有问题

Describe the bug
如题

To Reproduce
Steps to reproduce the behavior:

  1. edit me 修改为例如 1、2
  2. 点击 Reverse Highlight 框,看到内容变回 edit me
  3. 再次点击 Reverse Highlight,内容仍为 edit me
  4. 点击竖版(/#/vertical-ph),可见内容呈现为用户填写的 1、2。点击 Reverse Highlight,正确翻转。
  5. 切换回默认版,可见内容还原为 1、2,此时切换的是1与2,修改为3与4再切换,变回1与2。

Expected behavior
Reverse Highlight 和切换版式时保持已输入内容不变。

Screenshots
N/A

Desktop (please complete the following information):
Edge.

Smartphone (please complete the following information):
Windows 10.

Additional context
Add any other context about the problem here.

export 图片字体样式丢失

Describe the bug

Error while reading CSS rules from https://d33wubrfki0l68.cloudfront.net/css/459f1d38a795a551ad1bcf43e279a69ae5e7b521/css/app.1254977c.css SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
VerticalPornHub.vue:170 data:image/png;base64,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

** Chrome 版本 68.0.3440.106(正式版本) (64 位)**

Fixed

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

不能设置尺寸,微信等平台都要的是方图或者圆图,这个长条的不能全部显示进去

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Can't get the DNG type photos on mobile phones

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

c

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Cannot generate big image

如题,字体px调大后就会换行。可是如果我需要一个大尺寸,高清晰度,只包含单行文字的logo呢?

Logo creat

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.