标签: draw

在CSS中绘制一个X.

我有一个看起来像橙色方块的div

在此输入图像描述

我想以某种方式在这个div中绘制一个白色的X,这样它看起来更像

在此输入图像描述

无论如何要在CSS中执行此操作还是更容易在Photoshop中绘制并使用图像作为div背景?div代码看起来像

div {
    height: 100px;
    width: 100px;
    background-color: #FA6900;
    border-radius: 5px;
}
Run Code Online (Sandbox Code Playgroud)

html css draw css-shapes

45
推荐指数
10
解决办法
9万
查看次数

如何在python中的感兴趣区域周围绘制一个矩形

import cv在我的python代码中遇到了麻烦.

我的问题是我需要在图像中的感兴趣区域周围绘制一个矩形.怎么能在python中完成?我正在进行物体检测,并希望在我相信我在图像中找到的物体周围绘制一个矩形.

python opencv draw computer-vision

45
推荐指数
3
解决办法
11万
查看次数

如何使任何视图绘制到画布?

我有一个简短的问题:

假设我有一个(可变的)位图,我需要修改(添加图像,文本等...).

我没有考虑使用许多特殊的类来绘制画布(画布,画布,矩阵等),而是考虑为什么不使用Android的内置类来完成这项任务,只有当我需要真正定制的操作时,我仍然可以使用画布?

因此,例如,为了在位图上显示任何类型的视图(当然没有父视图),我可以调用下一个函数:

public void drawViewToBitmap(Bitmap b, View v, Rect rect) {
    Canvas c = new Canvas(b);
    // <= use rect to let the view to draw only into this boundary inside the bitmap
    view.draw(c);
}
Run Code Online (Sandbox Code Playgroud)

这样的事情可能吗?也许这就是它在幕后工作的方式?

我应该在绘图和画布创作之间的部分写什么?


编辑:我已经尝试了下一个代码,但它没有工作:

public void drawFromViewToCanvas(final View view, final Rect rect, final Canvas canvas) {
    final int widthSpec = View.MeasureSpec.makeMeasureSpec(rect.width(), View.MeasureSpec.EXACTLY);
    final int heightSpec = View.MeasureSpec.makeMeasureSpec(rect.height(), View.MeasureSpec.EXACTLY);
    view.measure(widthSpec, heightSpec);
    // Lay the view out with the known dimensions
    view.layout(0, 0, rect.width(), rect.height());
    // …
Run Code Online (Sandbox Code Playgroud)

android bitmap mutable draw android-canvas

37
推荐指数
1
解决办法
4万
查看次数

Android:寻找具有内半径和外半径的drawArc()方法

我有以下自定义视图:

替代文字

这是我通过使用Canvas的drawArc()方法实现的.但是,使用这种drawArc()方法我不能限制弧的内半径.

我想拥有的是这样的:

替代文字

只剩下一个外环的地方.

我需要的是一个drawArc()函数,我可以设置弧的内半径.任何人都知道如何做到这一点?

(顺便说一句,覆盖内部区域不起作用,因为它需要是透明的.Color.TRANSPARENT在绘制红色和蓝色锥体之后绘制内部圆圈不会移除旧颜色.它只是将另一层放在顶部,这是透明的我仍然可以看到红色和蓝色)

android 2d draw geometric-arc

34
推荐指数
3
解决办法
3万
查看次数

Android:将画布绘制到ImageView

我是android编程的新手,我想弄清楚的是这个;

在我的布局中,我有一个TextView,ImageView和Button,所有这些都在垂直方向的LinearLayout上.

我希望能够在ImageView中动态绘制圆圈,而不会干扰我的其余布局(textview/button).我正在尝试创建一个画布,并使用画布中的drawcircle函数来设置圆的位置.然后以某种方式将该画布绘制到我的imageview.我不能让这个工作,这有什么诀窍吗?或者我的方法根本错了?如何在不重新创建整个布局的情况下将图形绘制到ImageView?

谢谢!

android draw imageview android-canvas

33
推荐指数
4
解决办法
9万
查看次数

如何在Go中为图像添加简单的文本标签?

给定image.RGBA,坐标和一行文字,如何添加一个简单的标签与任何普通的固定字体?例如Face7x13来自font/basicfont.

package main

import (
    "image"
    "image/color"
    "image/png"
    "os"
)

func main() {
    img := image.NewRGBA(image.Rect(0, 0, 320, 240))
    x, y := 100, 100
    addLabel(img, x, y, "Test123")
    png.Encode(os.Stdout, img)
}

func addLabel(img *image.RGBA, x, y int, label string) {
     col := color.Black
     // now what?
}
Run Code Online (Sandbox Code Playgroud)

对齐并不重要,但最好是我可以将标签写在从坐标开始的线上方.

我想避免像字体这样的外部可加载依赖项.

fonts image draw go

31
推荐指数
2
解决办法
1万
查看次数

如何在Java中居中显示Graphics.drawString()?

我目前正在为我的菜单系统上的Java游戏,我不知道如何可以从中心的文本Graphics.drawString(),因此,如果我想画一个文本,其中心点是在X: 50Y: 50,和文字30像素宽,10像素高,文本将从X: 35和开始Y: 45.

在绘制文本之前,我可以确定文本的宽度吗?
然后这将很容易数学.

编辑:我也想知道我是否可以获得文本的高度,这样我也可以垂直居中.

任何帮助表示赞赏!

java text draw graphics2d centering

30
推荐指数
2
解决办法
4万
查看次数

clearRect函数不会清除画布

我在body onmousemove函数上使用这个脚本:

function lineDraw() {
    // Get the context and the canvas:
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
    // Clear the last canvas
    context.clearRect(0, 0, canvas.width, canvas.height);
    // Draw the line:
    context.moveTo(0, 0);
    context.lineTo(event.clientX, event.clientY);
    context.stroke();
}
Run Code Online (Sandbox Code Playgroud)

每次我移动鼠标时都应该清除画布,然后绘制一条新线,但它不能正常工作.我试图在不使用jQuery,鼠标监听器或类似工具的情况下解决它.

这是一个演示:https://jsfiddle.net/0y4wf31k/

javascript line onmousemove draw clear

29
推荐指数
2
解决办法
3万
查看次数

在c#中的图像上写文本

我有以下问题.我想在位图图像中制作一些图形,如债券形式

我可以在图像中写一个文字,
但我会在不同的位置写更多的文字

Bitmap a = new Bitmap(@"path\picture.bmp");

using(Graphics g = Graphics.FromImage(a))
{
    g.DrawString(....); // requires font, brush etc
}
Run Code Online (Sandbox Code Playgroud)

如何编写文本并保存并在保存的图像中写入另一个文本

c# text image draw

27
推荐指数
3
解决办法
7万
查看次数

在圆弧上画一个圆形的空心拇指

我想创建一个圆形图形,它将显示我的应用程序中的一系列值.这些值可分为3类:低,中,高 - 由3种颜色表示:蓝色,绿色和红色(分别).

在此范围之上,我想显示实际测量值 - 在相关范围部分上以"拇指"的形式显示:

见附图

根据测量值,白色拇指在范围弧上的位置可以改变.

目前,我可以通过在视图的onDraw方法内的相同中心绘制3个弧来绘制3色范围:

width = (float) getWidth();
height = (float) getHeight();

float radius;

if (width > height) {
    radius = height / 3;
} else {
    radius = width / 3;
}

paint.setAntiAlias(true);
paint.setStrokeWidth(arcLineWidth);
paint.setStrokeCap(Paint.Cap.ROUND);
paint.setStyle(Paint.Style.STROKE);

center_x = width / 2;
center_y = height / 1.6f;

left = center_x - radius;
float top = center_y - radius;
right = center_x + radius;
float bottom = center_y + radius;

oval.set(left, top, right, bottom);

//blue arc
paint.setColor(colorLow); …
Run Code Online (Sandbox Code Playgroud)

android shapes draw android-graphics

26
推荐指数
1
解决办法
2255
查看次数