Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Thread: SVG usage

  1. #1
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,339

    Default SVG usage

    I tried to export a vector logo to svg and import it to my web page. The result once viewed on a browser is a bitmap? Can someone give me an idea as to what the process is?

  2. #2
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,916

    Default Re: SVG usage

    Hi Behzad, I tend to use the img tag as long as it a non animated one

    The svg is rendered by the placeholder size.

    <img src="svgs/guitar.svg" width=100% height=100% scrolling=no frameborder=0 marginheight=0 marginwidth=0 />
    SOURCE
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  3. #3
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,339

    Default Re: SVG usage

    Egg thank you, but I am really confused as to how to do this. Would you care to attach an example?

  4. #4
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,339

    Default Re: SVG usage

    Egg, I saw your video on youtube. Cool, But what a big trouble to impliment an svg into a website. I mean I will stick with bitmap for now.

    https://www.youtube.com/watch?v=GPe6qB-brRU

  5. #5
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,502

    Default Re: SVG usage

    Was the image a bitmap to begin with or does it have something like a soft shadow that would cause it to be a bitmap?

    The logo I posted in Acorn's thread, and which I will post here, downloads into Xara as outlined shapes and can be scaled up or down in Xara as any vector shape.
    Attached Files Attached Files

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,916

    Default Re: SVG usage

    Try this:
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  7. #7
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,339

    Default Re: SVG usage

    Click image for larger version. 

Name:	Screenshot_1.jpg 
Views:	60 
Size:	27.9 KB 
ID:	124580Thank you guys. Will try both of your files. Just thinking if SVG is really needed in web design, considering how little other than the logo can be a vector graphic.

    The logo did not have any shadows or transparencies. However I did notice that the stroke shapes ends that are sharp are rendered square shape. Will try to post it here later.

  8. #8
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,339

    Default Re: SVG usage

    Also very useless if we can not drop and SVG into the web page and have it display vector on the browser. Does Xara now need an Import feature for SVG?

  9. #9
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,814

    Default Re: SVG usage

    behzad, are you aware of https://www.talkgraphics.com/showthr...A-Web-Exports?
    This handles browsers that cannot deal with SVGs directly.

    Still needs Xara to engage.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  10. #10
    Join Date
    May 2002
    Location
    Canada
    Posts
    3,339

    Default Re: SVG usage

    Cool link, missed that. For now I am using other options.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •