How to Vecta

Convert DXF to SVG with Nano and reduce file size by 90%

May 07, 2020 ·  Thomas Yip · Web Design · Everything SVG · How to Vecta

Do you have a need to let your users download a DWG or DXF? The problem is, users can't preview the contents until they download a file, and download a viewer. Plus you may have have several thousands of these CAD drawings. Wouldn't it be nice to show users the contents on your website with low file sizes? Now you can.

A sample DXF converted with Nano
A sample DXF converted with Nano

Converting DWG to DXF

The Open Design Alliance makes a very good converter that you can download and easily convert DWG to DXF. However, of the many converters available online that convert DXF to SVG, none of them work very well and results in SVG that is very large, hardly suitable for embedding into websites.

Converting DXF to SVG using Nano

Since we make the world's best SVG compressor at Nano, it make sense to accept DXF and convert it into SVG for embedding. Before compressing by Nano, we also added quite a few optimization to ensure the converted DXF are optimized with far fewer elements than normally produced by other converters.

Keep reading.....

The best way to make image maps (2020)

May 07, 2020 ·  Thomas Yip · Web Design · Everything SVG · How to Vecta

Do you have an image with 2 or more buttons that clicks to different destinations. Still using image maps with javascript plugins? Read more to find out how to create responsive image maps the easy way.

The scenario

Let's assume you have an image with 2 buttons, one that let your users learn more about your products and the other to sign them up.

An image with 2 buttons
An image with 2 buttons

Traditionally, if you have an image that clicks to a single URL, you can wrap the image with an <a> tag:

Keep reading.....

Introducing SVG flattening for laser and vinyl cutting

October 08, 2019 ·  Thomas Yip · Everything SVG · How to Vecta

SVG editing for vinyl cutters and laser engravers just got much easier with Vecta's new feature - SVG Flattening. This feature is made possible with Vecta's user - John Robinson's feedback and input, thanks John!

What is flattening?

Flattening is an operation that removes shapes or part of shapes that is hidden under another. Consider the following semi transparent shapes:

What is flattening in SVG, illustrated
What is flattening in SVG, illustrated

For flattening operations, the yellow circle is fragmented, and the part of the shape that lies under the blue triangle is removed.

Keep reading.....

How to create a customized vector background for your website within 1 minute

October 25, 2018 ·  Yi Qian · Web Design · Everything SVG · How to Vecta

Searching high and low to get a vector background for your website? Want to get a vector wallpaper quick but don’t want to be paying for stock vector graphics?

You can now create a vector background like below for yourself in less than 1 minute!

Snowflakes background in SVG
Snowflakes background in SVG
  1. Open Vecta.io, and create a drawing.
  2. Draw a rectangle, and fill it with the background color you want.
  3. Drop your preferred shape into the drawing, then run the plugin - Scatterer to randomly distribute the shapes around your drawing!
Scatterer plugin
Scatterer plugin
  1. Export your SVG directly, and use it for your website background image right away!
.element {
  background-image: url(snowflakes-vector.svg);
}

Or you can also export as PNG or JPEG and use it directly as your PowerPoint templates, for a much more professional looking presentation.

Keep reading.....

Supercharge Vecta’s functionality with JavaScript based plugins

August 23, 2018 ·  Neel Singh · Success Stories · How to Vecta

Vecta is more than just a normal browser-based SVG editor, it's especially powerful when you have all the flexibility you need to make the most out of the platform.

Plugins can drastically change the way you work, saves time and enhances productivity by eliminating repetitive work and human errors. It's like drawing with superpowers!

With plugins, you can programmatically customize certain functionalities and features to cater to your own needs and usage.

Keep reading.....

Color selection made easy

July 28, 2018 ·  Yi Qian · Web Design · How to Vecta

Found yourself scratching head to pick a professional looking yet interesting color to give a final touch to your drawings?

We worked some magic and created a color stencil in Vecta, for everyone who needs good colors laid out in their drawings within seconds without googling or installing any extensions.

Material Design Palette stencil in Vecta

Use Vecta’s Material Design stencil to help you get your drawings done faster! It has a full range of harmonious colors based on Google’s Material Design that allows you to pick the colors you need, then apply them directly on any shapes in your drawing. Your font colors will automatically set to be in contrast with your shape's colors too!

Keep reading.....

You can now use Google Fonts in Vecta

July 20, 2018 ·  Yi Qian · Everything SVG · How to Vecta

When you’re drawing diagrams or illustrations in Vecta, sometimes you find yourself wanting to use some of your favorite fonts in your drawings. Now you can. Google fonts is now available in Vecta, and you have more than 800 font families to choose in Vecta!

How to use Google Fonts in Vecta?

In addition to default fonts in Vecta, you can now add any Google Fonts into your own fonts selection list! Start by clicking the custom menu in your font selection list, and then inserting the Google Fonts URL into the field. Click OK, and your new font is added into Vecta!

Adding Google fonts in Vecta.io
Adding Google fonts in Vecta.io

An Easier Alternative

Or directly from Symbol Search, you can find all the fonts listed in this drawing:

Keep reading.....

How to save more time using Vecta's color palette

September 19, 2017 ·  Eleen · Success Stories · How to Vecta

How can we have a color palette that helps YOU save time? What colors do you use most and what colors can help you to be most productive? A behind the scenes look of how we made the best SVG editor online.

We started by looking at how color palettes in other editors could work for their users. It quickly appears that using pastel colors would be really cool, and make our text appear clear and easily readable. So here is our first attempt:

Initial attempt at color palette
Initial attempt at color palette

Little did we know, that not only the palette looks ugly, but we also had to spend an inordinate amount of time trying to adjust to the colors we require, simply because it does not contain commonly used colors. So, we returned to the drawing board, and began to list out what are the possible colors.

Keep reading.....

Talking about complex work

February 25, 2017 ·  Yi Qian · Success Stories · How to Vecta

Some teams work on things more complex stuffs than others, and to talk about it isn't any easier than the work itself.

To communicate such complicated concepts and unique scenarios, many teams often turn to technical writing and round-the-clock meetings. Unfortunately, most of these communication offer much less clarity than they claim to have.

In a time where complications are usually mistaken as productivity, we believe simplicity to be the holy grail for effective communication.

Keep reading.....

vecta.io BETA