Giter VIP home page Giter VIP logo

Comments (6)

bruvzg avatar bruvzg commented on May 29, 2024 1

Most likely thorvg related issue (library used to render SVGs). There are 3 common types of color fonts: CBDT/PNG (should always work), SVG (usually works, but depends on thorvg), and COLRv1/CPAL (currently not supported).

from godot.

AThousandShips avatar AThousandShips commented on May 29, 2024

Please try in 4.2.2 to make sure this bug hasn't already been solved

from godot.

rcjoel2019 avatar rcjoel2019 commented on May 29, 2024

Please try in 4.2.2 to make sure this bug hasn't already been solved

Tested now, and it looks the same
image

from godot.

GioSDA avatar GioSDA commented on May 29, 2024

Interestingly, it works fine with other emoji fonts (such as Twemoji, which I used here)

image

from godot.

rcjoel2019 avatar rcjoel2019 commented on May 29, 2024

Interestingly, it works fine with other emoji fonts (such as Twemoji, which I used here)

That is really strange, should not all fonts behave the same? Thank you for recommending a font that works, for now this solves the issue for me.

I'm assuming that the flags on Noto uses some king of SVG path/effect that is not supported by Godot, since parts of the flag that is not wavy does show up, only the wavy part is invisible.

from godot.

GioSDA avatar GioSDA commented on May 29, 2024

Here's what the Noto svg looks like for the Japanese flag:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
  <defs/>
  <path fill="#fff" d="M8,195.25 C178.83,110.03 349.03,140.83 521.26,167.28 C676.47,191.12 833.42,211.85 992,132.75 L992,804.75 C821.17,889.97 650.97,859.17 478.74,832.72 C323.53,808.88 166.58,788.15 8,867.25 L8,195.25"/>
  <path fill="#bc002d" d="M696.8,523.59 C696.51,637 609.02,718.19 500,701.6 C391.02,684.44 303.48,586.11 303.2,476.41 C303.49,363 390.98,281.81 500,298.4 C608.98,315.56 696.52,413.89 696.8,523.59"/>
  <path fill="#1A1A1A" opacity="0.2" d="M8,195.25 C178.83,110.03 349.03,140.83 521.26,167.28 C676.47,191.12 833.42,211.85 992,132.75 L992,804.75 C821.17,889.97 650.97,859.17 478.74,832.72 C323.53,808.88 166.58,788.15 8,867.25 L8,195.25 M39.25,214.64 L39.25,819.14 C345.81,690.88 650.43,915.18 960.75,785.36 L960.75,180.86 C654.19,309.12 349.57,84.82 39.25,214.64"/>
</svg>

First path is for the white of the flag (is not rendered)
Second path is for the red dot (is rendered)
Third path is for the outline of the flag (is not rendered)

from godot.

Related Issues (20)

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.