标签: stroke

我想修改方法select的样式.我能够改变这种方法的风格,但我无法复制蓝色笔划的白色边框.

有人能够用笔划设置矢量样式并为笔划设置边框吗？

请参阅此示例,了解我在说什么:http: //openlayers.org/en/v3.4.0/examples/select-features.html

我为我正在开发的一个小网站创建了一些基于 svg 的图标，但我无法让笔画看起来像我想要的那样。如果你看看这个 jsfiddle你就能看到我的问题。外部的笔画<rect>一直都是 1px，但由于某种原因，外部正方形的右侧和底边似乎比顶部和左侧的笔画更粗，有点像投影效果。

我在想，浏览器渲染器可能会将笔画评估为不是整数，并且对左侧和顶部边缘进行向下舍入，对右侧和底部边缘进行向上舍入（就像在许多光栅化问题中发生的情况一样），但没有无论我将其移动到页面的哪个位置，它都只是右边缘和下边缘。

有人可以告诉我这里发生了什么以及如何解决它吗？

提前致谢。

我希望在画布上画出宽度从开始到结束逐渐变化的线条。也就是说，假设该线从 开始（相当于(0, 0)），结束于，并且必须（线性）从开始到结束增加。width = 1strokeWeight(50, 50)width = 3width13

关于如何实现这一目标有什么想法吗？无法将其从网络中删除。

我对 SVG 中的描边和填充默认值感到困惑。

在SVG规范（http://www.w3.org/TR/SVG/painting.html#StrokeProperty）中，它说笔画属性的初始值是无 - 我猜这是透明的？默认描边宽度为 1。默认描边不透明度也应为 1

同样，对于 filll ( http://www.w3.org/TR/SVG/painting.html#FillProperty )，默认值应为黑色，不透明度为 1

Inkscape 和浏览器似乎假设笔画 = 黑色并且填充是透明的 - 是这样吗？有谁知道默认值应该是什么？我渲染的 SVG 似乎与浏览器和 inkscape 显示的内容不一致......

我想在 iPhone 应用程序中使用铅笔描边，它可以绘制如下图所示的线条：

谁能告诉我如何实现这些类型的中风？

我想做的事？(蓝色将变为白色)

我做了什么？
我找到了一个扩展TextView的类,它能够非常接近我想要的文本视图.问题是我无法将笔触颜色更改为任何颜色,它总是绘制为黑色.如何将边框颜色设置为白色？

我的输出是什么:

我的代码在哪里？

public class TypeFaceTextView extends TextView {

private static Paint getWhiteBorderPaint(){
    Paint p = new Paint(Color.WHITE);
    return p;
}

private static final Paint BLACK_BORDER_PAINT = getWhiteBorderPaint();

static {
    BLACK_BORDER_PAINT.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
}

@Override
public void setText(CharSequence text, BufferType type) {

    super.setText(String.format(text.toString()), type);
}

private static final int BORDER_WIDTH = 1;

private Typeface typeface;

public TypeFaceTextView(Context context) {
    super(context);
}

public TypeFaceTextView(Context context, AttributeSet attrs) {
    super(context, attrs);

    setDrawingCacheEnabled(false);

    setTypeface(attrs);
}

private void setTypeface(AttributeSet attrs) {
    final …

我有一个非常简单的剪切着色器，用于在 3D 空间中显示图标（见下文）。

我想“以编程方式”添加遵循 alpha 轮廓的轮廓/笔划，并具有用户定义的厚度和颜色。

（左）：我目前拥有的 - 一个 alpha 剪切着色器（右）：我想要的 - 围绕剪切的轮廓 请注意：这些不是精灵，它们是 3D 平面

请问我该怎么做呢？

Shader "Custom/Transparent/CutoutEmissive" {
Properties {
    _Color ("Main Color", Color) = (1,1,1,1)
    _MainTex ("Base (RGB) Trans (A)", 2D) = "white" {}
    _Cutoff ("Alpha cutoff", Range(0,1)) = 0.5
    _EmissiveAmount ("Emissive Amount", Range(0,1)) = 0.5
    _Outline ("Outline Thickness", Range(0,10)) = 0.0
}

SubShader {
    Tags {"Queue"="AlphaTest" "IgnoreProjector"="True" "RenderType"="TransparentCutout"}
    LOD 200

CGPROGRAM
#pragma surface surf Lambert alphatest:_Cutoff

sampler2D _MainTex;
fixed4 _Color;
float _EmissiveAmount;
float _Outline;
struct Input …

我可以以编程方式更改矢量可绘制对象的颜色，但我想将笔触应用于矢量可绘制对象。我需要一种在运行时更改矢量可绘制笔划的方法：

以前我使用过这种方法，但在我的情况下失败了。

我将 Vector drawable 转换为位图，然后使用此函数应用边框，但它全部用黑色填充，未应用笔划。

  private static Bitmap getBitmap(VectorDrawable vectorDrawable)
    {
        Bitmap bitmap = Bitmap.createBitmap(vectorDrawable.getIntrinsicWidth(),
        vectorDrawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        vectorDrawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
        vectorDrawable.draw(canvas);
        return bitmap;
    }
    private static Bitmap getBitmap(Context context, int drawableId)
    {

        Drawable drawable = ContextCompat.getDrawable(context, drawableId);
        if (drawable instanceof BitmapDrawable)
        {
            return ((BitmapDrawable) drawable).getBitmap();
        }
        else if (drawable instanceof VectorDrawable)
        {
            return getBitmap((VectorDrawable) drawable);
        }
        else
        {
            throw new IllegalArgumentException("unsupported drawable type");
        }
    }
private Bitmap addWhiteBorder(Bitmap bmp, int borderSize)
    {
        Bitmap …

基于我之前的问题如何使用 d3.js 将文本沿着圆弧内的 textPath 居中（水平和垂直）？，我想知道如何使用 mouseover 和 mouseout 事件突出显示圆弧的边框。

请看下面的示例代码。如果我将鼠标移到弧上，边框就会变黑。但也不完全是。看起来突出显示的边框被相邻的弧/路径元素覆盖。

(?) 有没有办法完全改变边框的颜色，而不仅仅是部分颜色？

var dataset = {
    "2":[{"degree1":0,"degree2":1.5707963267949,"label":"Sample Text Test"},    
         {"degree1":1.5707963267949,"degree2":3.1415926535898,"label":"Lorem ipsum sample text"},
         {"degree1":3.1415926535898,"degree2":4.7123889803847,"label":"Sample Text Text"},
         {"degree1":4.7123889803847,"degree2":6.2831853071796,"label":"Lorem ipsum"}],
    "1":[{"degree1":0,"degree2":3.1415926535898,"label":"Sample"},
         {"degree1":3.1415926535898,"degree2":6.2831853071796,"label":"Text"}],
    "0":[{"degree1":0,"degree2":6.2831853071796,"label":""}]
    },
    width   = 450,
    height  = 450,
    radius  = 75;

// Helper methods
var innerRadius = function(d, i, j) {
    return 1 + radius * j;
};

var outerRadius = function(d, i, j) {
    return radius * (j + 1);
};

var startAngle = function(d, i, j) …

我有一个 .SVG 在那里我用<img src="/image/arrow.svg" alt="Arrow">. 一切都很好，但我想为我的 SVG 动态设置不同的笔触颜色（不是填充颜色...），例如<img ... style="color:red">. 我读到我可以在我的路径上使用 fill="currentColor" ，但是我该怎么做我的笔触颜色？

我的SVG文件：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" height="100" width="100">
    <path d="M20 10 H90 V80" fill="transparent" stroke="currentColor" stroke-width="20" stroke-linecap="round"></path>
    <path d="M10 90 L100 0" fill="transparent" stroke="currentColor" stroke-width="20" stroke-linecap="round"></path>
</svg>

我的html：

<img src="/image/arrow.svg" alt="Arrow" style="color:red">