flet icon indicating copy to clipboard operation
flet copied to clipboard

svg can't draw text

Open scriptiot-dev opened this issue 2 years ago • 3 comments

iot

# Flet SVG vs PNG Demo - Hololeo Labs
# requires flet 0.1.60
# demonstrates using SVG vs PNG scaling pixelation
import flet
from flet import Image, Page, Slider, Column, Row, ElevatedButton, Text

def main(page: Page):

    svg_logo = "iot.svg"
    png_logo = "iot.png"

    def slider_on_change (e):
        amount = e.control.value/100 +0.20
        amount = amount * 5
        page.image.scale = amount
        page.update()

    def on_svg_btn (e):
        page.header.value = "logo.svg (vector)"
        page.image.src = svg_logo
        page.update()

    def on_png_btn (e):
        page.header.value = "logo.png (pixel)"
        page.image.src = png_logo     
        page.update()   

    page.title = "Flet svg vectors! Hololeo Labs"
    page.header = Text ("logo.png (pixel)", size=24)
    page.image = Image (src=svg_logo,width=200,height=200, expand=True)
    svg_btn = ElevatedButton("svg", on_click = on_svg_btn)
    png_btn = ElevatedButton("png", on_click = on_png_btn)
    slider = Slider(min=0, max=100, label="{value}%", expand=True)
    slider.on_change = slider_on_change    
    r1 = Row ([page.image], expand = True, alignment="center")
    r2 = Row ([svg_btn, png_btn,slider])
    page.image.src = png_logo
    col = Column ([r1,page.header,r2],expand=True)
    page.add (col)
    
flet.app(target=main, assets_dir="assets")

image

svg text content not show?

scriptiot-dev avatar Oct 12 '22 11:10 scriptiot-dev

maybe something wrong with your svg?

on chrome this is what i get for this link

i believe its showing well on github because they are doing something to fix it so it displays

https://user-images.githubusercontent.com/60819459/195329412-dd436c19-2316-4916-bf15-ab526913c6a2.svg

Screen Shot 2022-10-12 at 8 43 48 AM

hololeo avatar Oct 12 '22 15:10 hololeo

github problem,you can download to desktop and open it in browser

dragondjf avatar Oct 13 '22 02:10 dragondjf

github problem,you can download to desktop and open it in browser

dragondjf avatar Oct 13 '22 02:10 dragondjf