If you need stroke or no-stroke then you can also use stroke-dasharray to do this, by making the dashes and gaps match up with the sides of the rectangle. rect { fill: none; stroke: black; } .top { stroke-dasharray: 0,50,150 } .left { stroke-dasharray: 150,50 } .bottom { stroke-dasharray: 100,50 } .right { stroke-dasharray: 50,50,100 … Read more
Here is how you can create a rounded rectangle with SVG Path: <path d=”M100,100 h200 a20,20 0 0 1 20,20 v200 a20,20 0 0 1 -20,20 h-200 a20,20 0 0 1 -20,-20 v-200 a20,20 0 0 1 20,-20 z” /> Explanation m100,100: move to point(100,100) h200: draw a 200px horizontal line from where we are … Read more
How to use vectors in Xcode (7 and 6.3+): Save an image as a .pdf file at the proper @1x size (e.g. 24×24 for a toolbar button). In your Images.xcassets file, create a new Image Set. In the Attributes Inspector, set the Scale Factors to Single Vector. Drag and drop your pdf file into the … Read more
Don’t edit the vector assets directly. If you’re using a vector drawable in an ImageButton, just choose your color in android:tint. <ImageButton android:layout_width=”48dp” android:layout_height=”48dp” android:id=”@+id/button” android:src=”https://stackoverflow.com/questions/32924986/@drawable/ic_more_vert_24dp” android:tint=”@color/primary” />
I can recommend the SVG Primer (published by the W3C), which covers this topic: http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#SVG_in_HTML If you use <object> then you get raster fallback for free*: <object data=”https://stackoverflow.com/questions/4476526/your.svg” type=”image/svg+xml”> <img src=”https://stackoverflow.com/questions/4476526/yourfallback.jpg” /> </object> *) Well, not quite for free, because some browsers download both resources, see Larry’s suggestion below for how to get around that. … Read more