<html><head> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class=""> <div style="word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class=""><div dir="auto" style="word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class="">Hi, Cairo and Skia is two best library for cross-platform GUI, but I prefer to use Cairo because it smaller and write by c, skia is too huge for apps. when I used Cairo to draw a rectangle, the line is blurry even if I use round numbers. <pre lang="go" style="box-sizing:border-box;overflow:visible;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;margin-top:0px;margin-bottom:20px;background-color:rgb(51,51,51);font-size:0.9rem;break-inside:avoid;white-space:normal;padding:10px 10px 10px 30px;width:inherit;color:rgb(184,191,198)" class="">func (me *canvas) DrawRectF(left, top, right, bottom float32, paint *Paint) { if right <= left || bottom <= top { return } C.cairo_set_antialias(me.ptr, C.CAIRO_ANTIALIAS_NONE) fix := paint.Style == STROKE && int32(paint.Width)%2 != 0 fix = false if fix { me.Save() me.TranslateF(0.5, 0.5) } C.cairo_rectangle(me.ptr, 100, 100, 500, 500) C.cairo_rectangle(me.ptr, 110, 110, 510, 510) me.drawPaint(paint) if fix { me.Restore() } }</pre><div class="">this is a line in cairo</div><div class=""><div class=""><img apple-inline="yes" id="7CBBDAAA-A22F-4868-A682-AB689E7ADCD7" width="107" height="116" src="cid:5B98456E-BEC0-429E-9433-5991E4940014" class=""></div><div class=""> </div><div class=""> </div><div class="">this is a line in code editor</div><div class=""><img apple-inline="yes" id="018AFDEB-F579-4001-AD3D-A85FFD97B197" width="107" height="115" src="cid:1FD97606-5F10-4944-AE35-476088EF421D" class=""></div><div class=""> </div><div class="">I searched and found a guide at official website.I readed the "Frequently Asked Questions" > "How do I draw a sharp, single-pixel-wide line?" and follow the guide</div></div> <pre lang="c" style="box-sizing:border-box;overflow:visible;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;margin-top:0px;margin-bottom:20px;background-color:rgb(51,51,51);font-size:0.9rem;break-inside:avoid;white-space:normal;padding:10px 10px 10px 30px;width:inherit;color:rgb(184,191,198)" class="">cairo_user_to_device (cr, &x, &y); do_rounding (&x, &y); cairo_device_to_user (cr, &x, &y);</pre> it is used round numbers, so it has none change <pre lang="go" style="box-sizing:border-box;overflow:visible;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;margin-top:0px;margin-bottom:20px;background-color:rgb(51,51,51);font-size:0.9rem;break-inside:avoid;white-space:normal;padding:10px 10px 10px 30px;width:inherit;color:rgb(184,191,198)" class="">func (me *canvas) UserToDevice(x, y float32) { dx := C.double(x) dy := C.double(y) C.cairo_user_to_device(me.ptr, &dx, &dy) log.V("userToDevice x=%f, y=%f, dx=%f, dy=%f", x, y, dx, dy) C.cairo_device_to_user(me.ptr, &dx, &dy) log.V("deviceToUser x=%f, y=%f, dx=%f, dy=%f", x, y, dx, dy) } // output // userToDevice x=100.000000, y=500.000000, dx=100.000000, dy=500.000000 // deviceToUser x=100.000000, y=500.000000, dx=100.000000, dy=500.000000</pre> I tried Cairo versions cairo-1.14.12 cairo-1.16.0_2 cairo-1.16.0_3<div class=""> So, how should I do to draw a sharp with single-pixel-wide line like code editor? </div><div class=""> </div><div class=""> </div></div></div></body></html>