SVG Basics—Creating Paths With Line Commands

A couple of weeks ago when talking about basic SVG shapes, I mentioned paths as a more general way to create any shape. Paths are more powerful and flexible than the basic shapes and they can be used to create any or all of them.

Continue reading

SVG Basics—Fills And Strokes

The last couple of weeks I’ve been walking through some of the basics of scalable vector graphics. First I showed how to include SVG in HTML and then I showed how to create the basic shapes SVG provides.

Continue reading

SVG Basics—How To Create Simple Shapes And Lines

Last week I started a series on SVG and walked through the different ways you can include SVG inside an HTML page. Because I needed to show you something that would display on your screen, the examples included a green rectangle.

Continue reading

SVG Basics—How to Work with Scalable Vector Graphics

Whenever I talk about responsive images, I mention that where possible, scalable vector graphics are a preferred option to bitmap images. The last time I offered the advice, I realized I didn’t know as much about SVG as I should.

Continue reading

CSS Filter Primitives — SVG Filters on HTML Elements

Last week I walked through the css named filter functions which are relatively easy to understand and use. However, they’re only one way to add css filter effects and the least powerful way at that. Today I want to look at filter primitives, one of the other and more powerful ways to add filters to images and elements.

Continue reading