Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use SVG clip for transparent octocat cutout #53

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

orzechow
Copy link

This is a redrawing of the nice github corner, closing #15

  • based on the current official octocat SVG (the github corner SVG had some tiny glitches)
  • draws the tail/arm with an SVG clip
  • works with the beautiful tail animation 😁

Explanation

I mainly used Inkscape with editor cleanups afterwards

  1. Changed the official octocat from outer circle to outer triangle, rotated by 45, removed the tail
  2. Added tail as extra path, cut it out of a circle (must be big enough to avoid artifacts due to animation) → our clipping path
     
  3. Clipping
    +

Result (plus checkerboard)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant