488 questions
0
votes
2
answers
93
views
How to add a shadow to the stroke and not directly on the text?
does anyone know how to do this?
This is what I've done so far, but I cant add shadow to the stroke
I tried to add a shadow but in the end it's not working It's adding the shadow on the text itself, ...
3
votes
0
answers
82
views
What is the default color the TextInputLayout border stroke color uses in Material3 Theme?
The color which are unfocused and focused. I can guess the focused one uses ?attr/colorPrimary, but what about the unfocused one?
I've tried ?attr/colorOnSurface, ?attr/colorOnsurfaceVariant, etc. ...
- 361
0
votes
1
answer
100
views
Move stroke gradient definition from SVG to CSS [duplicate]
There is a gradient, defined like this:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="out-of-flow"&...
- 376
1
vote
0
answers
99
views
PostScript: Explain the difference between "newpath 0 0 moveto" and "newpath 0 0 moveto closepath"
Well I wanted to draw a "point" in PostScript (ghostscript 9.52) (using 1 setlinecap), so I tried (after 36 dup translate and 4 setlinewidth):
0 dup moveto stroke
But nothing appeared.
...
- 4,918
-1
votes
2
answers
50
views
How auto execute function and change stroke color to svg by percent?
I'm aproach tto js but I've many difficult to do the below action.
I’m using the circlifull jquery for a data counter in my web page, the data is calle ny api from the server and sent to the page by ...
0
votes
2
answers
96
views
Unable to draw rounded stroke in NSAttributedString
I'm trying to apply a rounded stroke effect to text using NSMutableAttributedString in Swift. I have been able to find various NSMutableAttributedString.Key options for text attributes like color, ...
- 284
0
votes
1
answer
86
views
Drawing iText7 Canvas lines does not always fill page
I have the following code to apply a full page grid to an existing A4 pdf document.
It works fine on pdfs I or others have produced with iText, but when I try to use on a PDF that has been created by ...
- 47
0
votes
0
answers
130
views
How to cope with text-shadow property rendering inconsistently in Safari?
Tested background for future search reference:
Mac Sonoma 14.5
Safari 17.5
Firefox 128.0 (64-bit)
Chrome 126.0.6478.127 (Official Build) (arm64)
** This question differ to the existing questions, it ...
1
vote
0
answers
56
views
How to achieve smooth paint strokes like Adobe Illustrator in Javascript?
I'm looking for techniques or algorithms to make my webapp's strokes smooth like in those drawing apps.
Currently I have achieved calligraphy style brush but there are still jagged edges.
My Stroke ...
- 11
0
votes
1
answer
87
views
How to color SVG pattern when using `use`
I expect three diagonal stripe rectangles colored with red, green, yellow respectively, but it draws empty rectangles that colored only the border.
<svg width="100%" viewBox="0,0,100,...
- 1,219
0
votes
0
answers
44
views
CAShapeLayer stokeLine has a border like line when theme changes
I used CAShapeLayer to draw a line above a customized UIView. It looks perfect when draw for the first time. But when I switch theme the stoke line of the CALayer contains a border like line. I dont ...
- 11
0
votes
0
answers
51
views
how do I change the alpha channel along a path in cairo?
In an application using gtk3, I use cairo to do some drawing. What I would like to do is increase the transparency along the path. The path can have any shape.
In very simplified terms, I have ...
- 1,187
1
vote
1
answer
855
views
SVG stroke color won't change
I'm having trouble getting the stroke color on an SVG to change. Here I have an SVG from the Material Symbols library that displays in black:
<svg xmlns="http://www.w3.org/2000/svg" height="24" ...
- 471
0
votes
1
answer
335
views
Composable Button Border Stroke looks weird
I am trying to implement a button with a black containercolor and a white border, but the edge of the stroke add a black color too on it and i dont know why.
The code:
@Composable
fun Button(){
...
- 123
0
votes
1
answer
76
views
Is it possible to delete only the shapes that have only a fill an no stroke?
I would like to keep only the shapes that have no fill on this map : https://commons.wikimedia.org/wiki/File:Antarctica_in_the_World_(yellow).svg
Obviously, I don't want to remove all the other ones ...
- 378
1
vote
0
answers
78
views
HTML canvas: unsatisfying results when drawing a border around a filled shape
Here are 4 examples on how to draw (in an HTML canvas) a filled shape with a border. Only one of them gives a clean result and I wish to understand why:
let canvas = document.getElementById('...
- 339
1
vote
0
answers
145
views
Canvas drawings, lines, are blurry
I'm currently working on creating a drawing animation in which I connect various elements using lines drawn on an HTML canvas. However, I've encountered an issue where the lines I draw appear to be ...
- 11
-1
votes
1
answer
551
views
java Graphics2D set stroke width dynamically
I have this code for Java Paint App.
I have added a slider that changes from 1 to 20 with a default size of 1.This slider is for changing the strokeSize dynamically,so i have created a variable ...
- 1
-2
votes
1
answer
647
views
Mapkit SwiftUI MKPolygon border color
I am writing an app for iOS 17 to check out the new and improved MapKit support in SwiftUI.
So far, I have managed to draw MKPolygons and give them Polygons a Fill color, by using:
MapPolygon(...
- 146
0
votes
1
answer
74
views
Adjust vertical position of a stroke inside another stroke
I am having trouble adjusting the vertical position of a stroke that appears inside another stroke using stroke-dashoffset and stroke-dasharray :
<svg viewBox="0 0 100 100" width="400">
&...
- 11
0
votes
0
answers
27
views
Thin the stroke of PNG in JS
Is there a way to take a black png image with a transparent background and shrink down the stroke of the line by a few pixels while maintains image size?
I would need to to be able to overlay on top ...
- 1
0
votes
0
answers
34
views
How do you apply an even CSS stroke to an SVG path? [duplicate]
I have an SVG:
path{
fill: transparent;
stroke: #35a4e8;
stroke-width: 4px;
}
<svg viewBox="0 0 118 118" xmlns="http://www.w3.org/2000/svg">
<path d="m0 117.999999.087436-99.4506004 49....
- 3,237
0
votes
1
answer
755
views
svg element with stroke-width renders differently in firefox and chrome
There is a difference in rendering svg elements with stroke-width in firefox and chrome.
<html>
<body>
<svg width="400" height="110">
<rect width="400&...
- 68
0
votes
1
answer
57
views
Android Studio - When I change the thickness of paint in my drawing app (Using a seekBar) , it changes the thickness of the paint I've already drawn
I am currently creating a drawing app with Kotlin, and whenever I change the thickness of my paint (Using a seekBar), it changes the thickness of the paint I've already drawn. This is not what I ...
- 35
0
votes
1
answer
347
views
Android Studio (Kotlin), Painting app - When I change thickness of paint, it changes the thickness of the paint I've already drew
I'm currently creating an app that has a whiteboard/sketching functionality, and when I change the thickness of the paint/pen I'm using, it changes the thickness of the paint already on the board, ...
- 35
0
votes
2
answers
2k
views
How do I apply text stroke in CSS that only appears around the outside of the individual letters?
I am trying to apply text stroke for some headings for a webpage that I am building but regardless of whether I'm using -webkit-text-stroke or exporting the heading as a SVG, the text stroke is always ...
- 1
-1
votes
3
answers
2k
views
Change svg stroke on hovering in React
In my React Project, I want to change the stroke-color of my svg on hovering. I've achieved this by importing svg as ReactCompnent and then sending prop conditionally (useState hook to determine ...
- 490
0
votes
1
answer
81
views
I am not able to make a animation using stroke-dashoffset
Here is the code for animation :
circle {
stroke-width: 21;
stroke-dashoffset: 400;
stroke: url(#color);
fill: none;
animation: stroking 60s linear forwards infinite;
}
@keyframes ...
0
votes
2
answers
459
views
Setting strokeColor of MaterialCardView outline makes it go grey no matter what
I have a MaterialCardView for a RecyclerView, each element has its importance and the outline of each element should be the corresponding colour.
Here is my XML:
<com.google.android.material.card....
- 5
1
vote
0
answers
43
views
MaterialCardView setStrokeColor not working
<com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:...
1
vote
0
answers
156
views
How to add stroke around SVG group's external borders
I have two rectangles next to each other in a group.
<g
id="rectangles"
transform="translate(-36.736202,-113.84452)">
<rect
id="left"
style=&...
- 11
0
votes
1
answer
250
views
Figma: stroke length in percents - is it possible?
Can you help me make stroke on rectangle (with rounded corners) but not all the rectangle, only part of it (for example 74% of shape stroke length)?
Thank you for help!
May be there is some plugin...
...
0
votes
2
answers
1k
views
How to apply conic gradient to svg stroke?
Is any idea how it can be done?
Expecting this:
https://codesandbox.io/s/how-to-apply-conic-gradient-to-svg-stroke-cbx37l
- 13
0
votes
1
answer
444
views
maintain stroke while stretching shape, after effects
I am trying to stretch and expand this shape without changing the stroke weight but nothing seems to be working. I am working with stroke and using expression to keep the stroke proportionate but so ...
0
votes
0
answers
87
views
CSS_Stroke to text
Are there any ways in CSS to give stroke to text (not in SVG) with different colors?
Target example:
I've tried this option, but seems that when one change font size to 1em or smaller, stroke "...
- 307
-1
votes
1
answer
750
views
How to set three different colors in html5 SVG circle surrounded by circles
How can I achieve something like this using SVG?
- 11
0
votes
2
answers
911
views
how to make rectangle hollow in svg path
I am trying to make an svg like as shown below
My svg content is as shown below
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3....
- 4,938
0
votes
1
answer
386
views
How to make border of stroke SVG?
I am making gauge component using SVG.
Two strokes are used to display two states at once.
My current result is like this.
enter image description here
enter image description here
And want to make ...
- 45
1
vote
0
answers
50
views
Set stroke color with NSAttributedString but get the wired result when text contains "2"/"6" [duplicate]
I want to set the border with white color to label texts, and I used the NSAttributedString, set both strokeWidth&strokeColor, but when I run the project, the result is too wired with text "2&...
- 954
1
vote
1
answer
3k
views
Changing the thickness of the solid font awesome icon issue
I´m trying to change the thickness of the svg icon (I need to make the stroke of the icon thinner). The icon in my project is defined as solid (fas) with no way to change it to regular or other (far) ...
- 15
0
votes
0
answers
159
views
google map direction with multiple colors [duplicate]
I trace route between two points using directions API google map .I want to use one color for the route starting from pickup point to the middle point route , and the other half of route another ...
- 29
0
votes
1
answer
1k
views
How to add multiple colors in Konva dashed line stroke
Can someone please guide me to the right way of adding the white and black strokes as shown in the image?
Dotted line image
I've tried passing an array of colors to the stroke property but it doesn't ...
2
votes
2
answers
398
views
Painting stroke generation algorithm for robot arm
I am writing a code that generate start and end points of strokes of a picture (Raster images) to let robot arm paint.
I have wrote an algorithm but with too many overlapping strokes:
https://github....
- 99
0
votes
2
answers
136
views
Animate a SVG made only of one stroke
I'm a little bit confused, I have an SVG, made only of one stroke that needs to be animated (classic drawing icon animation).
I want to animate the icon like it was drawn from one end of the sroke, to ...
- 19
3
votes
3
answers
722
views
How to fix unwanted circle on / break down of SVG path element for Sankey links with d3?
I'm putting together a Sankey diagram via SVG but suddenly under some unknown conditions one of the paths show a circle where there shouldn't be any.
I tried to remove as much as possible from the my ...
- 7,363
1
vote
1
answer
580
views
How to remove a specific stroke in HTML5 canvas?
I make several strokes in a HTML5 canvas.
To make animation with stroke, I clear the previous like this :
// Notice : canvasWidth, canvasHeight, context are in a parent scope
function echoLine(...
- 2,814
0
votes
0
answers
2k
views
How to control amcharts stroke width?
I am creating a chart width horizontal bar. I have removed the X grid line. and now I want to control Y grid line width.
This is current chart looks like.
Then i have tried this line categoryAxis....
- 11.3k
1
vote
0
answers
1k
views
How to make stroke-width scale with svg width but not with height?
I need strokes to scale with width but not with height.
This is the closest I've come to a solution:
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="50">
<rect width="100%" ...
- 11
4
votes
3
answers
1k
views
How can I make a SVG stroke show a background?
I have an SVG with a gradient-like background and a foreground icon. Currently, the icon is just one filled path with polylines on top, but it can be instead split into multiple paths where the ...
- 133
1
vote
1
answer
648
views
When using Vuetify and importing icons with CDN, is there a way to control the stroke width of the svgs?
I am importing tabler icons in a cdn in my public html folder:
<link rel="stylesheet" href="https://unpkg.com/@tabler/icons@latest/iconfont/tabler-icons.min.css">
and per ...
- 55