Jump to content
You must now use your email address to sign in [click for more info] ×

tebiko

Members
  • Posts

    2
  • Joined

  • Last visited

Posts posted by tebiko

  1. Hi,

     

    I am currently stuggling to export very simple shape with a shadow to SVG using Affinity Designer (Windows). The design is quite simple: It comprises two rectangles - one in red without a border and one in grey. The grey one works as a shadow. Therefore a Gaussian blur was applied ( I know there is an extra function to add shadows, but that one was not used). When trying to export this to SVG, AD wants to convert the grey rectangle to a bitmap. That leaves the SVG useless for me.

     

    I am surprised by this behavior as there is a gaussian blur filter in the SVG definition. Just to give an example of the usage of the "feGaussianBlur" in a SVG file:

    <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg width="380px" height="370px"     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>The simple feGaussianBlur filter</title>  <desc>    Example of usage  </desc>  <defs>    <style type="text/css">    <![CDATA[      text {font-family:Verdana,sans-serif; font-size:16px;            font-weight:bold;}    ]]>    </style>    <symbol id="smilie">      <desc>ein lachendes Smilie</desc>      <circle id="gesicht" cx="20" cy="20" r="15"        fill="yellow" stroke="black" />      <circle id="auge-links" cx="15" cy="15" r="2"        fill="black" stroke="black" />      <circle id="auge-rechts" cx="25" cy="15" r="2"        fill="black" stroke="black" />      <line id="nase" x1="20" y1="18" x2="20" y2="23"        stroke="black" stroke-width="2" />      <path id="mund" d="M 13 26 A 5 3 0 0 0 27 26"        stroke="black" fill="none" stroke-width="2" />    </symbol><!-- 6 Filter mit feGaussianBlur -->    <filter id="f1">      <feGaussianBlur in="SourceGraphic" stdDeviation=".5" />    </filter>    <filter id="f2">      <feGaussianBlur in="SourceGraphic" stdDeviation="1" />    </filter>    <filter id="f3" x="-20%" y="-20%" width="150%" height="150%">      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5,.5" />    </filter>    <filter id="f4" x="-20%" y="-20%" width="150%" height="150%">      <feGaussianBlur in="SourceGraphic" stdDeviation=".5,1.5" />    </filter><!-- zusätzlich mit feBlend, feOffset und feMerge -->    <filter id="f5" x="-20%" y="-20%" width="150%" height="150%">      <feGaussianBlur in="SourceGraphic" stdDeviation="5" result="out1" />      <feBlend in="SourceGraphic" in2="out1" mode="darken" />    </filter>    <filter id="f6" x="-20%" y="-20%" width="150%" height="150%">      <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="out1" />      <feOffset in="out1" dx="2" dy="-2" result="out2" />      <feMerge>        <feMergeNode in="out2" />        <feMergeNode in="SourceGraphic" />      </feMerge>    </filter>  </defs><!-- die Instanzen des Symbols "smilie" -->  <use xlink:href="#smilie" transform="translate(20,10) scale(2.7)" />  <use xlink:href="#smilie" transform="translate(150,10) scale(2.7)"    filter="url(#f1)" />  <use xlink:href="#smilie" transform="translate(250,10) scale(2.7)"    filter="url(#f2)" />  <use xlink:href="#smilie" transform="translate(150,130) scale(2.7)"    filter="url(#f3)" />  <use xlink:href="#smilie" transform="translate(250,130) scale(2.7)"    filter="url(#f4)" />  <use xlink:href="#smilie" transform="translate(150,250) scale(2.7)"    filter="url(#f5)" />  <use xlink:href="#smilie" transform="translate(250,250) scale(2.7)"    filter="url(#f6)" /><!-- Text und Hilfslinien -->  <text x="145" y="130">feGaussianBlur</text>  <text x="58" y="130">Original</text>  <line x1="137" y1="40" x2="137" y2="330" stroke="black" /></svg>

    Is there a workaround availabe to force AD not to convert objects into a bitmap during export?

     

    Thanks,

    Volker

     

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.