用XAML的绘图来做一个卡通蜡烛

news/2024/11/17 4:50:32/
作者:孙英鹏   撰写时间:2019年5月25日

在学习高级绘图的过程中,由于发神经,利用绘图当中的图形来自做了一个卡通蜡烛,代码很简单,都是矩形和椭圆来进行拼接。

效果图:

在这里插入图片描述

首先在页面分行分列,形成四格,与可以不分(我是为了方便放图才分的),分好格子后就开始作图了,把你想要的图型先弄出来,再一个一个的合在一起,没什么技术含量的事,非常简单,就打发一下时间。

代码:

<Window x:Class="高级.dome2"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:高级"mc:Ignorable="d"Title="dome2" Height="300" Width="300" WindowStartupLocation="CenterScreen">
<Grid><!--自定义行--><Grid.RowDefinitions><RowDefinition Height="5*"/><RowDefinition Height="5*"/></Grid.RowDefinitions><!--自定义列--><Grid.ColumnDefinitions><ColumnDefinition Width="5*"/><ColumnDefinition Width="5*"/></Grid.ColumnDefinitions><!--头部--><Rectangle Width="100" Height="100" Fill="Orange" Stroke="Orange" StrokeThickness="3" RadiusX="10" RadiusY="20"  Grid.ColumnSpan="2" Margin="97,83,96.6,87.4" Grid.RowSpan="2"></Rectangle><!--左眼 白--><Ellipse  Stroke="Black" StrokeThickness="2" Fill="White" RenderTransformOrigin="0.764,0.325" Margin="105,129,17.8,119.4" Grid.RowSpan="2"><Ellipse.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform/><RotateTransform Angle="89.081"/><TranslateTransform X="4.353" Y="6.276"/></TransformGroup></Ellipse.RenderTransform></Ellipse><!--左眼 里黑--><Ellipse Stroke="Black" StrokeThickness="2" Fill="Black" RenderTransformOrigin="0.764,0.325" Margin="112,130,22.8,130.4" Grid.RowSpan="2"><Ellipse.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform/><RotateTransform Angle="89.081"/><TranslateTransform X="4.353" Y="6.276"/></TransformGroup></Ellipse.RenderTransform></Ellipse><!--右眼 白--><Ellipse  Stroke="Black" StrokeThickness="2" Fill="White" RenderTransformOrigin="0.764,0.325" Margin="11.2,128,111.6,120.4" Grid.RowSpan="2" Grid.Column="1"><Ellipse.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform/><RotateTransform Angle="89.081"/><TranslateTransform  Y="6.276"/></TransformGroup></Ellipse.RenderTransform></Ellipse><!--右眼 里黑--><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Black" RenderTransformOrigin="0.764,0.325" Margin="13.2,130,120.6,130.4" Grid.RowSpan="2" Grid.Column="1"><Ellipse.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform/><RotateTransform Angle="89.081"/><TranslateTransform X="4.353" Y="6.276"/></TransformGroup></Ellipse.RenderTransform></Ellipse><!--蜡烛头部上的柱子--><Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="138,69,136.6,51.2" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2"><Rectangle.RenderTransform><TransformGroup><ScaleTransform ScaleX="-1"/><SkewTransform/><RotateTransform Angle="179.798"/><TranslateTransform/></TransformGroup></Rectangle.RenderTransform></Rectangle><Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="121,69,6.8,51.2" RenderTransformOrigin="0.5,0.5"><Rectangle.RenderTransform><TransformGroup><ScaleTransform ScaleX="-1"/><SkewTransform/><RotateTransform Angle="179.798"/><TranslateTransform/></TransformGroup></Rectangle.RenderTransform></Rectangle><Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="3.2,69,120.6,51.2" RenderTransformOrigin="0.5,0.5" Grid.Column="1"><Rectangle.RenderTransform><TransformGroup><ScaleTransform ScaleX="-1"/><SkewTransform/><RotateTransform Angle="179.798"/><TranslateTransform/></TransformGroup></Rectangle.RenderTransform></Rectangle><Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="136,54,135.6,66.2" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2"><Rectangle.RenderTransform><TransformGroup><ScaleTransform ScaleX="-1"/><SkewTransform/><RotateTransform Angle="179.798"/><TranslateTransform/></TransformGroup></Rectangle.RenderTransform></Rectangle><Rectangle Fill="Orange" Stroke="Orange" StrokeThickness="3" Margin="144,39,143.6,81.2" RenderTransformOrigin="0.663,1.392" Grid.ColumnSpan="2"><Rectangle.RenderTransform><TransformGroup><ScaleTransform ScaleX="-1"/><SkewTransform/><RotateTransform Angle="179.798"/><TranslateTransform X="-0.048" Y="-26.774"/></TransformGroup></Rectangle.RenderTransform></Rectangle><!--火焰--><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Red" RenderTransformOrigin="0.764,0.325" Margin="142,11,140.6,102.2" Grid.ColumnSpan="2"/><!--腊泪--><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="37.2,100,101.6,22.2" Grid.Column="1"/><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="32.2,3.8,109.6,118.4" Grid.Column="1" Grid.Row="1"/><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="109,101,30.8,20.2"/><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="112,4.8,29.8,117.4" Grid.Row="1"/><Ellipse  Stroke="Black" StrokeThickness="2" Fill="Yellow" RenderTransformOrigin="0.764,0.325" Margin="28.2,33.8,112.6,88.4" Grid.Column="1" Grid.Row="1"/><!--嘴巴--><Rectangle Fill="Red" Stroke="Orange" StrokeThickness="3" RadiusX="10" RadiusY="20" Margin="109,21.8,107.6,97.4" RenderTransformOrigin="0.363,3.667" Grid.ColumnSpan="2" Grid.Row="1"/>
</Grid>
</Window>

http://www.ppmy.cn/news/897892.html

相关文章

在 Emberjs 项目中由浅入深使用 D3.js 绘制图表

ember-d3-demo 文章目录 ember-d3-demo0. 前言1. 前期工作1.1 修改项目为 Pods 目录&#xff08;可选&#xff09;1.2 依赖安装 2. 选择元素和绑定数据2.1 创建 d3/hello-world 组件2.2 使用 .datum() / .data() 绑定数据 3. 做一个简单的图表3.1 添加画布3.2 绘制简单柱状图3.…

p5.js创意编程——Q版人像绘制

目录 主要函数介绍贝塞尔曲线ShapeframeRate 完整代码实现效果 主要函数介绍 贝塞尔曲线 如图&#xff0c;是p5.js官方reference上关于贝塞尔曲线的说明&#xff0c;一次可以画出一条贝塞尔曲线。但在作图中往往是不够用的&#xff0c;画画时我们大多是绘制一个不规则的闭合区…

绘制CIE1931

轮廓坐标: 360 0.17556 0.005294 361 0.175483 0.005286 362 0.1754 0.005279 363 0.175317 0.005271 364 0.175237 0.005263 365 0.175161 0.005256 366 0.175088 0.005247 367 0.175015 0.005236 368 0.174945 0.005226 369 0.17488 0.005221 370 0.174821 0.0052…

Python机器学习基础篇二《监督学习》

前言 前期回顾&#xff1a; Python机器学习基础篇一《为什么用Python进行机器学习》 前面说过&#xff0c;监督学习是最常用也是最成功的机器学习类型之一。本章将会详细介绍监督学 习&#xff0c;并解释几种常用的监督学习算法。我们在第 1 章已经见过一个监督学习的应用&am…

多元线性回归分析spss结果解读_多重线性回归分析SPSS操作与解读

转自个人微信公众号【Memo_Cleon】的统计学习笔记:多元线性回归。 这次笔记的内容是多元线性回归的SPSS操作及解读。严格来讲,这种一个因变量多个自变量的线性回归叫多变量线性回归或者多因素线性回归更合适一些。多元或者多变量往往指的是多个因变量。 在线性回归中,残差是…

若要实现计算机在线采集和控制,精馏实验 北京化工大学

(2)数据处理 a . 始数据处理&#xff1a; 原始数据记录处理如下&#xff1a; 以第一组塔顶数据为例计算&#xff1a; 平均折光率 3588.13 3590 .13588.13586.13321 D D D D N N N n 乙醇质量分数 8734.03588.11941.422068.581941.422068.58?--D n m 乙醇摩尔分数 9000.060 /)8…

识别圆的强化RANSAC算法

识别圆的强化RANSAC算法 什么是RANSAC算法&#xff1f; ​ 随机抽样一致算法&#xff08;RANdom SAmple Consensus,RANSAC&#xff09;&#xff0c;是一种采用迭代的方式从一组包含噪音的数据中找到想要的数学模型。这个算法的使用前提是给定一组数据&#xff0c;存在一种…

数学建模程序部分之绘图可视化

数学建模程序部分之绘图可视化 计划实现语言&#xff1a;python 参考https://zhuanlan.zhihu.com/p/347717545 https://matplotlib.org/stable/gallery/index.html In [6]: import matplotlib.pyplot as plt #调用pyplot&#xff0c;以这个包为基础应该能满足数学建模基础作…