brush 相关问题

HTML5画布颜料混合颜色工具

您好，我需要创建混合颜色工具，我尝试使用 getImageData 从画布中获取颜色像素并与我选择的颜色混合并获得平均颜色，我可以轻松获得它： /* r1 = 来自

Wpf 如何创建像凹陷边框一样的内部阴影

我正在尝试完成下图中的内部阴影。 这是一种看起来凹陷的边框阴影。我设法接近线性渐变填充，但它需要一些模糊。 <question vote="0"> <p>我正在尝试完成下图中的内部阴影。<br/> <a href="https://i.sstatic.net/VPAwV.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvVlBBd1YucG5n" alt="the sunken border result i am after"/></a><br/> 这是一种看起来凹陷的边框阴影。我设法接近线性渐变填充，但它需要一些模糊。</p> <pre><code>&lt;Style TargetType=&#34;{x:Type local:LargeLabelWithUnitControl}&#34;&gt; &lt;Setter Property=&#34;MaxHeight&#34; Value=&#34;80&#34;/&gt; &lt;Setter Property=&#34;MinHeight&#34; Value=&#34;80&#34;/&gt; &lt;Setter Property=&#34;MaxWidth&#34; Value=&#34;130&#34;/&gt; &lt;Setter Property=&#34;MinWidth&#34; Value=&#34;130&#34;/&gt; &lt;Setter Property=&#34;Template&#34;&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType=&#34;{x:Type local:LargeLabelWithUnitControl}&#34;&gt; &lt;Border BorderThickness=&#34;6&#34; CornerRadius=&#34;15&#34; &gt; &lt;Border Background=&#34;{TemplateBinding Background}&#34; BorderBrush=&#34;{TemplateBinding BorderBrush}&#34; BorderThickness=&#34;{TemplateBinding BorderThickness}&#34; CornerRadius=&#34;10&#34; &gt; &lt;Grid&gt; &lt;Grid.RowDefinitions&gt; &lt;RowDefinition Height=&#34;2*&#34;/&gt; &lt;RowDefinition Height=&#34;*&#34;/&gt; &lt;/Grid.RowDefinitions&gt; &lt;!-- Display the LabelText --&gt; &lt;TextBlock Text=&#34;{Binding LabelText, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=local:LargeLabelWithUnitControl}}&#34; Foreground=&#34;{TemplateBinding Foreground}&#34; HorizontalAlignment=&#34;Center&#34; FontSize=&#34;50&#34; FontFamily=&#34;Calibri&#34;/&gt; &lt;!-- Display the UnitText --&gt; &lt;TextBlock Text=&#34;{Binding UnitText, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=local:LargeLabelWithUnitControl}}&#34; Grid.Row=&#34;1&#34; Foreground=&#34;{TemplateBinding Foreground}&#34; HorizontalAlignment=&#34;Center&#34; FontSize=&#34;20&#34; FontFamily=&#34;Calibri&#34;/&gt; &lt;/Grid&gt; &lt;/Border&gt; &lt;Border.BorderBrush&gt; &lt;LinearGradientBrush StartPoint=&#34;0, 0&#34; EndPoint=&#34;0.3, 0.8&#34; &gt; &lt;GradientStop Color=&#34;#ff095750&#34; Offset=&#34;0.0&#34;/&gt; &lt;GradientStop Color=&#34;#ff148F7F&#34; Offset=&#34;1&#34;/&gt; &lt;/LinearGradientBrush&gt; &lt;/Border.BorderBrush&gt; &lt;/Border&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; </code></pre> <p>有人知道该怎么做吗？</p> </question> <answer tick="false" vote="1"> <p>所以我一直在寻找这个问题的好答案。到目前为止，似乎还没有一个简单或明确的答案。如果您的形状没有圆角（或者您希望在所有边上都有阴影，如矩形示例中所示），则此处的链接非常有用。 <a href="https://www.codeproject.com/Articles/225076/Creating-Inner-Shadows-for-WPF-and-Silverlight" rel="nofollow noreferrer">https://www.codeproject.com/Articles/225076/Creating-Inner-Shadows-for-WPF-and-Silverlight</a></p> <p>虽然对于你想要的似乎没有一个好的解决方案。我找到了一些适合我的目的的东西，尽管它一点也不漂亮！</p> <pre><code> &lt;Grid&gt; &lt;Border Background=&#34;Yellow&#34; Width=&#34;30&#34; Height=&#34;30&#34; Margin=&#34;-2&#34; BorderThickness=&#34;2&#34; CornerRadius=&#34;7&#34; &gt; &lt;!-- This blue border is hidden by the grey border --&gt; &lt;Border Background=&#34;Transparent&#34; BorderBrush=&#34;Blue&#34; BorderThickness=&#34;1,1,0,0&#34; CornerRadius =&#34;5&#34;&gt; &lt;Border.Effect&gt; &lt;!-- This is where the actual inneshadow is defined --&gt; &lt;DropShadowEffect ShadowDepth=&#34;0&#34; BlurRadius=&#34;4&#34; Color =&#34;Red&#34;/&gt; &lt;/Border.Effect&gt; &lt;/Border&gt; &lt;/Border&gt; &lt;!-- Keeps blur radius from leaking out Normally it would be the color of the background --&gt; &lt;Border BorderBrush=&#34;Green&#34; Margin=&#34;-3&#34; BorderThickness=&#34;3&#34; CornerRadius=&#34;7&#34; /&gt; &lt;!-- Grey border : If you want a borderless look I would recommend changing this border to the background color as well or changing the size and coverage of the green border --&gt; &lt;Border BorderThickness=&#34;1&#34; CornerRadius =&#34;5&#34; BorderBrush=&#34;Grey&#34; /&gt; &lt;/Grid&gt; </code></pre> <p>结果如下：</p> <p><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvd1RYN3kuanBn" alt=""/></p> <p>我添加了古怪的颜色，所以应该清楚哪个部分是哪个。再说一次，这不是一个完美的解决方案，如果有人有更好的解决方案，我会很感兴趣。您将不得不对其进行一些修改才能使其达到您的目的。</p> <p>但我希望这对那里的人有帮助！</p> </answer> </body></html>

d3.js中没有固定间隔时可以进行画笔捕捉吗？

我在 d3 中有一个使用焦点/上下文的条形图。当用户刷选日期时，我想捕捉到可用的日期，而不是他们能够刷到开始之间的任何日期...

为什么我在“边框”中看不到图像？

我正在 XAML 文件中制作图例，并使用边框来显示它的外观。我有三个这样的对象： 我正在 XAML 文件中制作图例，并使用 Border 来显示它的外观。我有三个这样的对象： <Border x:Name="box_Interior_PalletGroup_Color" Height="20" Width="20" Grid.Row="1" Grid.Column="0"> <Border.BorderBrush> <ImageBrush ImageSource="/Product.Customer.Client;component/Views/views/All_Colours.png" /> </Border.BorderBrush> </Border> <Border x:Name="box_Interior_Brown" Height="20" Width="20" Grid.Row="2" Grid.Column="0" Background="Brown"/> <Border x:Name="box_Interior_Transparant" Height="20" Width="20" Grid.Row="3" Grid.Column="0"> <Border.BorderBrush> <ImageBrush ImageSource="/Product.Customer.Client;component/Views/views/Transparant.png" /> </Border.BorderBrush> </Border> 图像 All_Colours.png 和 Transparant.png 已使用资源编辑器导入。 有关All_Colours.png的屏幕截图如下： 在“属性”窗口中，可以清楚地看到All_Colours.png属性中的BorderBrush，但在XAML中，什么也没有。 我应该怎么做才能在我的 XAML 设计中看到上述文件 All_Colours.png 和 Transparant.png？ 顺便说一句，我的“Transparant.png”文件如下所示（白色和灰色方块的混合）： 如果有人有更好的方法来显示一些“透明”，请随时告诉我。 提前致谢 我建议不要使用图像来实现透明度，而是使用路径。它只是更好地扩展： <Grid Height="200" Width="200"> <Grid.Background> <VisualBrush TileMode="Tile" Viewport="0,0,20,20" ViewportUnits="Absolute"> <VisualBrush.Visual> <Canvas Background="White"> <Path Data="M0,0 L10,0 10,10 0,10Z M10,10 L20,10 20,20 10,20Z" Fill="gray"/> </Canvas> </VisualBrush.Visual> </VisualBrush> </Grid.Background> </Grid>

D3 图表中未绘制区域的自定义颜色（角度）

我想为 d3 图表中的拉丝部分应用一些颜色，为非拉丝区域应用一些颜色。 常量画笔 = d3.brush() .extent([[0, 0], [宽度, 高度]]) .on('开始', Brushstart) .on('结束',

更新 D3 图表中未绘制部分的颜色（角度）

我想为拉丝部分应用一些颜色，为非拉丝区域应用一些颜色，我尝试了多种方法，帮助我实现这一目标。 const BrushSelection = svg.select('.brush .selection');

画笔与其他元素上的事件重叠

一个 g 容器已添加到我的 Svg 容器中，该容器有一个“图形”类 - 所有轴线、图形、点等。我想在光标悬停在 o 时向所有这些元素添加事件处理程序。 ..

如何去掉统一只读的画笔？

我是 Unity 的新手，我一直在尝试添加地形并添加纹理，但它说“画笔是只读的”，我无法做到这一点。有谁知道如何关闭它吗？

在 WinUI 3 中重复画笔或平铺图像

我发现很难理解如何用位图的重复副本简单地覆盖矩形 XAML 元素！我正在使用 WinUI 3 和 Windows App SDK。我想使用重复图像...

ApexCharts 中两个 rangeBar 图表的组合，但画笔图表不起作用

我想创建两个具有相同类型“rangeBar”的图表，第二个应该是第一个图表的缩影。但滑块不起作用。在第一个图表中我也无法推动。我

HTML5画布javascript涂抹刷工具

我需要的想法，我可以使刷谁可以颜色涂抹。在图片中的例子：右侧绘画与基本刷两个不同的颜色，在左边也画，但额外使用smudge工具，......。

如何删除用笔刷绘制的线条，而不删除图像

我已经使用https://konvajs.org/docs/sandbox/Free_Drawing.html这个第一个示例，但还在舞台上添加了图像。但是当我删除画线时，图像也被删除了。我该如何解决

如何在android中创建这种类型的画笔用于绘画

可能重复如何在Android中为画布制作自定义画笔？朋友们，您好，我为创建适用于油漆应用程序的这种类型的画笔而受阻，但未找到与此相关的任何内容。我是...

根据鼠标状态和位置设置Border.Brush属性

我正在尝试更改UserControl的Border.BorderBrush属性，具体取决于鼠标是否在UserControl上进入，离开或按下。我已经尝试在后面的代码中明确地执行此操作，但是任何时候...

[[C＃] [WPF]根据鼠标状态和位置设置Border.Brush属性

我正在尝试更改UserControl的Border.BorderBrush属性，具体取决于鼠标是否进入，离开或按下了UserControl。我已经尝试在后面的代码中明确地执行此操作，但是任何时候...

如何在WebGL中创建矢量画笔工具？ （例如Clip Studio或Concepts）

我正在使用WebGL在浏览器上创建绘图工具。我希望能够编辑和修改笔触。因此，它具有Clip Studio或Concepts之类的东西。我认为他们使用了一些...

缩放并在d3.js中选择是不起作用的

我试图在缩放后选择数据，但是d3.event.selection总是获得相同的值。有人有主意吗？私人zoomChart（DataType：any []，color）{this.createChart（DataType，...

d3.js使用brush.clear（）对我不起作用

在一个对象中，我存储了用d3.js制作的折线图，可以绘制选定区域。当我在折线图的所选部分之外单击时，将删除所选区域。我想删除所选的...

使用存储在ResourceDictionary中的画笔

我是WPF新手，我想创建一个程序范围的Brush，我可以一遍又一遍地引用。我在ResourceDiditonary中有完整定义的画笔。

模糊边缘不断恢复100％不透明度（处理中）

我正在尝试通过以下代码在处理中创建带有模糊边缘的圆形笔刷。圆形是逐像素绘制的，因为在实际版本中，我尝试使用所拍摄的像素进行绘制...