SVG Limitations

From Warzone Wiki
(Difference between revisions)
Jump to: navigation, search
m (Reverted edits by Fizzer (talk) to last revision by Moros)
Line 1: Line 1:
This page lists things that SVG supports that Warzone does not, or things within SVG files that can cause quirky behavior.
+
This page lists things that SVG supports that WarLight does not, or things within SVG files that can cause quirky behavior.
  
 
== Not Supported ==
 
== Not Supported ==
  
* Embedded Text (instead, convert the text into paths as described on [[Creating the SVG]])
+
* Embedded Text (there's a way around this problem by turning the text into paths)
* Embedded Images (if you must include an image, you can try converting the image into vectors)
+
* Embedded Images (converting it to vectors will solve this problem)
 
* Gradients
 
* Gradients
 
* Masks
 
* Masks
 
* Stroke joint styles other than Round
 
* Stroke joint styles other than Round
* Stroke styles other than solid (such as dashed lines)
+
* Stroke styles other than solid, such as dashed lines.
* CSS (such as style elements, class attributes)
+
  
 
== Bug with Small Strokes ==
 
== Bug with Small Strokes ==

Revision as of 19:46, 12 June 2020

This page lists things that SVG supports that WarLight does not, or things within SVG files that can cause quirky behavior.

Not Supported

  • Embedded Text (there's a way around this problem by turning the text into paths)
  • Embedded Images (converting it to vectors will solve this problem)
  • Gradients
  • Masks
  • Stroke joint styles other than Round
  • Stroke styles other than solid, such as dashed lines.

Bug with Small Strokes

There's a bug with Flash that causes strokes (object's borders) to appear too small when the stroke's thickness is 0.5 or lower.

When strokes are 0.5 or lower, Flash will render the stroke as a hairline stroke. That is, an infinitely small one that always takes up one pixel no matter how far you zoom in.

For this reason, you should avoid any strokes of 0.5 or lower.

Note that it's possible to have a object that specifies its stroke greater than 0.5, but if the object is being scaled down due to a transform somewhere else in the SVG file the stroke will be reduced. If the final reduced stroke is less than or equal to 0.5, the issue will appear. Conversely, if an object specifies a stroke of 0.5 or less, but gets scaled up due to a transform to a value greater than 0.5, it will render just fine.

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox