stroke

I want the string to have different width so that I set the stroke of Graphics2D and the code is here: import java.awt.BasicStroke; import java.awt.Color; import java.awt.Dimension; import java.awt.Graphics; import java.awt.Graphics2D; import javax.swing.JFrame; import javax.swing.JPanel; public class StrokeTest { public static void main(String[] args) { StrokeTest test = new StrokeTest(); test.createUI(); } public void createUI(){ JFrame frame = new JFrame(); frame.add(new MainPanel()); frame.pack(); frame.setLocationRelativeTo(null); frame.setVisible(true); } @SuppressWarnings("serial")

So I'm using the code below to apply a stroke (and fill) to text in a UILabel , and it's coming out like the image below. The stroke is heavier on one side than the other (look at the top of the letters compared to the bottom, and the right compared to the left. The period at the end makes it very noticeable, too, looks like a googly eye). I've not got any shadowing turned on at all, so I don't think it's the shadow interfering with the stroke. What could be causing this? - (void) drawTextInRect: (CGRect) rect { CGContextRef c = UIGraphicsGetCurrentContext(); CGContextSetTextDrawingMode(c,

When I draw text in canvas, I get ugly spikes, like this: Try it here: http://jsfiddle.net/48m4B/ While for example in photoshop, I get this: The code is just a classic strokeText: ctx.font = '20px Arial'; ctx.lineWidth = 15; ctx.strokeStyle = '#fff'; ctx.strokeText('How to prevent ugly spikes?'); If it isn't possible to fix this, is there any workaround? Try to set line join to: ctx.lineJoin = 'round'; you can also adjust the miter limit: ctx.miterLimit = 2; Modified working fiddle 来源： https://stackoverflow.com/questions/19988099/how-to-prevent-ugly-spikes-in-canvas-font-rendering

I'm just trying to make a circle with a thick anti-aliased stroke in canvas. The circle gets drawn as expected, but the edges of the stroke are very jaggy. I keep reading that Chrome forces anti-aliasing, so not sure what to do... Fiddle: http://jsfiddle.net/nipponese/hWsxw/ HTML <div id="main"> <canvas id="myCanvas" width="400" height="400" style="border: 1px solid #000"></canvas> <div id="counter" style="height: 100px; width: 100px; border: 1px solid #000"> </div> </div> The JS + jQuery <script> function calc(myVal) { var canvas = document.getElementById("myCanvas"); var ctx = canvas

When using the Graphics2D scale() function with two different parameters (scaling by different ratios in x- and y-direction), everything drawn later on this Graphics2D object is scaled too. This has the strange effect that lines drawn in one direction are thicker than those in another direction. The following program produces this effect, it shows this window: public class StrokeExample extends JPanel { public void paintComponent(Graphics context) { super.paintComponent(context); Graphics2D g = (Graphics2D)context.create(); g.setStroke(new BasicStroke(0.2f)); int height = getHeight(); int