Jump to content


  • Content count

  • Joined

  • Last visited

About lukejanicke

  • Rank

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. lukejanicke

    Hide context menu

    Came looking for an answer for this, and then stumbled on the answer by accident. Tap the top right icon to hide the UI twice quickly. The context menu hides with the rest of the UI.
  2. Good to know. Thank you!
  3. I just noticed that the Vector Brush Tool uses the stroke color or the fill color depending on which is selected on the colour panel. If the fill colour is selected, then the Vector Brush Tool uses that color, even if you change the stroke color from the context menu at the bottom of the screen. This is unexpected behaviour. The Vector Brush Tool should always use the stroke colour, right? In this screenshot, the top line was drawn with the the green fill colour selected. The second line was drawn with a red stroke color selected. The third line was drawn after changing the stroke color to yellow from the context menu but then also selecting the green fill colour from the color panel. The colours should be (from top to bottom): red, red, yellow. At least the behaviour is predictable so it’s easy to work around. I’m using Affinity Designer for iPad on an iPad Pro 11" with iPadOS 13 public beta 6. I’ve only just started using Affinity Designer, so I’m not sure whether iPadOS beta is part of the problem.
  4. What I do... Use a rectangle with no colour for line or fill. Group it with the elements you want sliced. Make slice from the group. Export. Unfortunately, I don’t think this will help if you have stuff that span across your intended slices.
  5. lukejanicke

    Font size in SVG

    Solved! I should have noticed that ratio. I thought I had tried changing DPI but then I noticed that even if the document’s DPI is set to 96, the SVG export DPI is automatically set to 72 at first. When I set the document DPI to 96 and also set the SVG export DPI to 96, then the text in the exported image is 12pt/16px on the webpage, same size at the HTML 12py/16px text. Thanks!
  6. lukejanicke

    Font size in SVG

    Last post on this issue and then I’ll wait to see what others think. My interim solution is to use size 16 pt font in Affinity Designer. It will export as 16 px, which matches the HTML where it will be embedded.
  7. lukejanicke

    Font size in SVG

    When I change the Document Units in Document Setup… from from pixels to points, 400px by 300px becomes 400pt by 300pt automatically. But the image doesn’t get bigger or smaller, which supports the conclusion that 12pt and 12px are the same in Affinity when exporting to SVG.
  8. lukejanicke

    Font size in SVG

    When I manually change 12px in the exported SVG file to 12pt, the text in the SVG is displayed bigger than originally designed in Affinity. This will be a problem for designing figures.
  9. lukejanicke

    Font size in SVG

    I notice that 12pt in CSS is reported at 16px in Developer Tools (in Safari). That seems relevant.
  10. lukejanicke

    Font size in SVG

    I tested PDF and Affinity Designer exports 12 pt to the same size as a Word document does to PDF.
  11. lukejanicke

    Font size in SVG

    Okay, so I just noticed that the exported SVG gets font-size:12px, and I think that should be 12 point not 12 pixels. Does this mean that when you choose 12 pt in Affinity Designer, you’re really choosing 12 px?
  12. I am aiming to export SVG files with 12 point text (in Affinity) where that text is the same size as the 12 point text in the HTML where the SVG is embedded. As you can see, the text in the SVG and PNG is smaller that the text in the HTML above it. The HTML <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Test</title> <style media="screen"> * { font-size: 12pt; font-family: "Open Sans"; } </style> </head> <body> <p>This is a test of SVG sizes from Affinity Designer.</p> <p>The font on this page is 12 point Open Sans Regular.</p> <p><strong>SVG</strong></p> <p><object type="image/svg+xml" data="1.svg">Your browser does not support SVG.</object></p> <p><strong>PNG</strong></p> <p><img src="1.png" alt=""></p> </body> </html> The SVG <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="400px" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"> <rect x="0" y="0" width="400" height="300" style="fill:#f2f2f2;"/> <text x="10px" y="19.117px" style="font-family:'OpenSans-Regular', 'Open Sans', sans-serif;font-size:12px;">This is 12 point Open Sans Regular.</text> <text x="62.674px" y="162.808px" style="font-family:'OpenSans-Bold', 'Open Sans', sans-serif;font-weight:700;font-size:52.831px;fill:#fff;">400×300px</text> </svg>
  13. lukejanicke

    Blurry UI

    Panel titles are blurry. I never noticed this before so I believe it has just happened. macOS High Sierra 10.13.3 MacBook Pro 13-inch 2916 Affinity Designer 1.6.1 It’s quite sore on the eyes when everything else is clean and sharp.
  14. lukejanicke

    Snap pie tool nodes?

    Thanks! That was perfect for my needs. @gdenby Good to know! As a mathematician, I would love numeric access to those parameters.
  15. lukejanicke

    Vector Hatch Fill

    Definitely, definitely need vector hatch fills. Workarounds are fine for now but custom defined vector fill patterns (with some predefined typical hatch and thatch patterns shipped with the app) would be useful for both technical and creative drawers. Lines get the dash feature. A simple hatch/thatch fill feature would look like that. An ultimate flexible feature would be to create custom fill patterns, like you do for brushes or symbols.