Fill填充

最新推荐文章于 2022-05-25 16:28:13 发布
最新推荐文章于 2022-05-25 16:28:13 发布
阅读量868 收藏
点赞数
分类专栏： 其他 VML 文章标签： behavior colors html vector url path
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianyitianyi1/article/details/7085779
版权
《VML极道教程》fill填充
2008-07-14 17:41

《VML极道教程》 原著:沐缘华
1章20节:fill填充 


1:fill填充 - 专用属性参考表

       
       
属性名默认值值类型/范围用途
ontrueboolean设置处理是否起效
typesolidsolid,gradient,gradientradial,tile,pattern,frame描述使用哪种填充模式
colorwhitecolor描述基本填充颜色
opacity1.00.0-1.0描述填充透明度
以下属性只有当type=gradient,gradientradial渐变填充时有效
color2whitecolor描述基本二级过度颜色
colorsnullnumber%
 color*沿着一个渐行度填充颜色，并以百分比分配空间。例如1:colors="30% red,50% blue"。例如2:colors="30% red,50% blue,90% purple"
angle0-360-360描述渐行效果以圆周顺时旋转、倾斜
focus0%-100%-100%描述渐层的位置
focussize0,0Vector2D描述渐层在所有者的位置分布
focusposition0,0Vector2D描述渐层在所有者的倾斜度分布
methodsigmanone,linear,sigma,any描述均匀分布的对比
以下属性只有当type=tile,pattern,frame背景图像填充时有效
srcnullURL描述填充使用的图像地址
sizeautoVector2D描述图像放大倍数
originautoVector2D描述图像的分布位置，适用于tile、pattern
positionautoVector2D描述图像放置的起源位置，适用于tile、pattern
aspectignoreignore,atleast,atmost描述图像居中还是充满整个图型
alignshapetrueboolean描述是否对比容器对齐图片

2:fill填充 - 应用精彩实例
即使是极道教程，也没有什么好说的，一切靠你自己分析研究、修改代码达到精通为止。对着例子、属性表自己动手，是最佳的学习方法。另外该标记相当重要，务要靠自己的努力学会！

       
       

        
        <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<v:oval style="Z-INDEX:3001;LEFT:271;WIDTH:88;POSITION:absolute;TOP:128;HEIGHT:74" filled="t" fillcolor="yellow">
<v:fill type="frame" opacity=".5"/>
</v:oval>
<v:oval style="Z-INDEX:2999;LEFT:313;WIDTH:95;POSITION:absolute;TOP:152;HEIGHT:76" fillcolor="red"/>
       
       


       
       
  
       
       


       
       

        
        <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<v:oval style="Z-INDEX:3009;LEFT:193;WIDTH:92;POSITION:absolute;TOP:117;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradient" opacity=".5" color2="yellow"/>
</v:oval>
<v:oval style="Z-INDEX:3009;LEFT:395;WIDTH:92;POSITION:absolute;TOP:120;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradient" opacity=".5" color2="yellow" angle="50" method="none"/>
</v:oval>
<v:oval style="Z-INDEX:3009;LEFT:294;WIDTH:92;POSITION:absolute;TOP:118;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradient" opacity=".5" color2="yellow" method="none"/>
</v:oval>
<v:oval style="Z-INDEX:3009;LEFT:497;WIDTH:92;POSITION:absolute;TOP:122;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradient" opacity=".5" color2="yellow" angle="50" focus="20%" method="none"/>
</v:oval>
<v:oval style="Z-INDEX:3009;LEFT:602;WIDTH:92;POSITION:absolute;TOP:121;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradient" opacity=".5" color2="yellow" angle="50" focus="50%" method="none"/>
</v:oval>
       
       


       
       
  
       
       


       
       

        
        <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<v:oval style="Z-INDEX:3009;LEFT:193;WIDTH:92;POSITION:absolute;TOP:117;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradientRadial" opacity=".5" color2="yellow"/>
</v:oval>
<v:oval style="Z-INDEX:3009;LEFT:301;WIDTH:92;POSITION:absolute;TOP:117;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradientRadial" opacity=".5" color2="yellow" focus="20%" method="none"/>
</v:oval>
<v:oval style="Z-INDEX:3009;LEFT:404;WIDTH:92;POSITION:absolute;TOP:122;HEIGHT:87" filled="t" fillcolor="blue"> <v:fill type="gradientRadial" opacity=".5" color2="yellow" focus="50%" method="none"/>
</v:oval>
       
       


       
       
  
       
       


       
       

        
        <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<v:rect style="Z-INDEX:3078;LEFT:215;WIDTH:81;POSITION:absolute;TOP:134;HEIGHT:75" filled="t" fillcolor="blue">
<v:fill type="gradientRadial" opacity=".5" color2="yellow"/>
</v:rect>
<v:roundrect style="Z-INDEX:3084;LEFT:276;WIDTH:83;POSITION:absolute;TOP:129;HEIGHT:85" arcsize="9830f" filled="t" fillcolor="blue">
<v:fill type="gradient" opacity=".5" color2="yellow"/>
</v:roundrect>
<v:roundrect style="Z-INDEX:3084;LEFT:233;WIDTH:83;POSITION:absolute;TOP:236;HEIGHT:85" arcsize="9830f" filled="t" fillcolor="yellow"> <v:fill type="gradient" opacity=".5" color2="blue" colors="30% red,50% green"/>
</v:roundrect>
<v:roundrect style="Z-INDEX:3084;LEFT:334;WIDTH:83;POSITION:absolute;TOP:238;HEIGHT:85" arcsize="9830f" filled="t" fillcolor="yellow"> <v:fill type="gradientRadial" opacity=".5" color2="blue" colors="30% red,50% green"/>
</v:roundrect>
       
       


       
       
  
       
       


       
       

        
        <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<v:oval style="Z-INDEX:3115;LEFT:312;WIDTH:110;POSITION:absolute;TOP:130;HEIGHT:102" filled="t" fillcolor="yellow">
<v:fill src="shili\fyw2.jpg" type="frame" opacity=".5"/>
</v:oval>
<v:oval style="Z-INDEX:3115;LEFT:192;WIDTH:110;POSITION:absolute;TOP:130;HEIGHT:102" filled="t" fillcolor="white"> <v:fill src="shili\fyw2.jpg" type="frame" opacity="1"/>
</v:oval>
<v:oval style="Z-INDEX:3115;LEFT:430;WIDTH:110;POSITION:absolute;TOP:134;HEIGHT:102" filled="t" fillcolor="red">
<v:fill src="shili\fyw2.jpg" type="frame" opacity=".5" aspect="atMost"/>
</v:oval>
<v:shape style="Z-INDEX:3127;LEFT:189;WIDTH:100;POSITION:absolute;TOP:316;HEIGHT:100" coordsize="100,100" filled="t" fillcolor="yellow" path=" m0,0 l0,0,55,-48,58,87,142,21,0,0 e">
<v:fill src="shili\fyw2.jpg" type="frame" opacity=".5"/>
</v:shape>
<v:shape style="Z-INDEX:3127;LEFT:326;WIDTH:100;POSITION:absolute;TOP:307;HEIGHT:100" coordsize="100,100" filled="t" fillcolor="white" path=" m0,0 l0,0,55,-48,58,87,142,21,0,0 e"> <v:fill src="shili\fyw2.jpg" type="frame" opacity=".5" size="0.5,0.4"/>
</v:shape>
       
       


       
       
  
       
       


       
       

        
        <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<v:oval style="Z-INDEX:3150;LEFT:108;WIDTH:158;POSITION:absolute;TOP:3;HEIGHT:140" filled="t" fillcolor="yellow">
<v:fill src="shili\haha.gif" type="tile" opacity=".5"/>
</v:oval>
<v:oval style="Z-INDEX:3150;LEFT:267;WIDTH:224;POSITION:absolute;TOP:30;HEIGHT:193" filled="t" fillcolor="yellow">
<v:fill src="shili\haha.gif" type="tile" opacity=".5"/>
</v:oval>
<v:oval style="Z-INDEX:3150;LEFT:491;WIDTH:262;POSITION:absolute;TOP:46;HEIGHT:209" filled="t" fillcolor="yellow"> <v:fill src="shili\haha.gif" type="tile" opacity="1"/>
</v:oval>
<v:oval style="Z-INDEX:3150;LEFT:101;WIDTH:255;POSITION:absolute;TOP:149;HEIGHT:207" filled="t" fillcolor="red">
<v:fill src="shili\haha.gif" type="pattern" opacity="1"/>
</v:oval>
<v:oval style="Z-INDEX:3150;LEFT:336;WIDTH:262;POSITION:absolute;TOP:233;HEIGHT:209" filled="t" fillcolor="red">
<v:fill src="shili\haha.gif" type="pattern" opacity="1" color2="blue"/>
</v:oval>
<v:oval style="Z-INDEX:3150;LEFT:598;WIDTH:262;POSITION:absolute;TOP:242;HEIGHT:209" filled="t" fillcolor="red">
<v:fill src="shili\haha.gif" type="pattern" opacity="1" color2="blue" position="50,50"/>
</v:oval>
小宇丝
关注
专栏目录
SVG 字体 – fill 填充（19）
https://shixuebin.gitee.io/hexo-blog/
01-31 191
fill 形状填充颜色。
fill颜色填充c语言,颜色填充(fill & fill_between)
weixin_39620334的博客
05-23 1292
先看一下填充时要使用的两个函数代码中要用到 np.linspace()，相关的链接：链接#!/usr/bin/python#coding: utf-8import numpy as npimport matplotlib.pyplot as pltx = np.linspace(0, 5 * np.pi, 1000)y1 = np.sin(x)y2 = np.sin(2 * x)plt.plot(...
fill填充的方法
aaa3456789__的博客
05-25 527
语法 arr.fill(value[,start[,end]]) 参数 value 用来填充数组元素的值。 start可选 起始索引，默认值为0。 end可选 终止索引，默认值为this.length。 返回值 修改后的数组。 描述 fill方法接受三个参数value,start以及end.start和end参数是可选的, 其默认值分别为0和this对象的length属性值。 如果start是个负数, 则开始索引会被自动计算成为le...
fill数组填充
紫芝的博客
03-28 2495
函数参数 fill(first,last,val)，first,last 对应数组的范围，val为元素的值fill 顾名思义 这个函数是用来填充的，例如我们想对一个数组赋值#include&lt;iostream&gt; #include&lt;bits/stdc++.h&gt; using namespace std; int main(){ cout&lt;&lt;"一维数组 ...
Arrays.fill()填充方法
shanhuhau的专栏
03-27 1838
Arrays.fill()功能很有限，只能用同一个值填充各个位置，他有两个比较典型的方法： [size=medium] public static void fill(boolean[] a, boolean val) public static void fill(boolean[] a, int fromIndex, int toIndex,boolean val) [/size] 第一
DataAdpater的Fill研究
weixin_30778805的博客
01-26 7013
一直在思考，DataAdapter到底是怎么把数据Fill给一个DataSet的，最主要的是与DataReader的读取有什么不同今天终于坐不住了，为了满足，研究了一番，使用工具：Reflector，EditPlus过程如下：先用Reflector把System.Data给脱了，然后关闭（废话）从SqlDataAdapter入手。打开SqlDataAdapter，代码不多，只有SelectComm...
Linux下的lds链接脚本详解
一口Linux的专栏
11-17 757
一、 概论 每一个链接过程都由链接脚本(linker script, 一般以lds作为文件的后缀名)控制.链接脚本主要用于规定如何把输入文件内的section放入输出文件内, 并控制输出文件内各部分在程序地址空间内的布局. 但你也可以用连接命令做一些其他事情. 连接器有个默认的内置连接脚本, 可用ld –verbose查看. 连接选项-r和-N可以影响默认的连接脚本(如何影响?). -T选项用以指定自己的链接脚本, 它将代替默认的连接脚本。你也可以使用以增加自定义的链接命令. 以下没有特殊说...
FillContour.m:用指定的颜色填充指定级别以上的轮廓区域。-matlab开发
05-30
3. **填充颜色**：一旦找到一个连通区域，就使用`fill`函数以指定的颜色填充该区域内的所有点。`fill`函数接受x和y坐标，以及填充颜色作为参数。 4. **循环处理**：对于所有级别的轮廓，重复上述过程，直到所有高于...
内存填充工具fill-ram-memory
03-20
用于模拟应用在低内存环境下的运行情况
Matplotlib中的fill_between总结（转载）
bodybo的专栏
09-15 2114
转自：https://blog.csdn.net/kabuto_hui/article/details/84979606 Matplotlib中的fill_between()函数总结   最近在处理数据的时候，需要从数据集合中选出数据来作为训练集，不同的筛选规则得到的数据块的分布一样，所以就想查看一下选取了那些数据块，比如将选中的数据换一种颜色来表示，但是数据如果比较多的话，就不太能看的出来了，所以如果将选中的数据块以柱状的形式框出来就好了，这个时候我看到了fill_between()函数，但是网.
VML编程之------大结局《VML极道教程》原著:沐缘华
weixin_30733003的博客
05-29 162
《VML极道教程》原著:沐缘华1章19节:shadow阴影 1:shadow阴影 - 专用属性参考表 属性名 默认值 值类型/范围 用途 on true ...
Canvas的fill()填充规则
zwt_1的博客
08-20 6852
在Canvas中使用fill()进行填充，遵循非零环绕填充规则。 非零环绕填充规则：如果想知道某一区域是否被填充，就从这一区域画一条直线向外，在与其他线的交点处，如果其他线是顺时针方向画的，就+1，逆时针则-1，如果最后总和为0，则不会填充，非零则填充。 例如：假设有两个长方形，外面大的长方形是顺时针反方向画的，里面的小长方形是逆时针方向画的。 var myCanvas = documen...
颜色填充(fill & fill_between)
热门推荐
You_are_my_dream的博客
12-04 3万+
先看一下填充时要使用的两个函数 代码中要用到 np.linspace()，相关的链接：链接 #!/usr/bin/python #coding: utf-8 import numpy as np import matplotlib.pyplot as plt x = np.linspace(0, 5 * np.pi, 1000) y1 = np.sin(x) y2 = np.sin(2
安卓开发 实现文字渐变效果_细节提升：用渐变巧妙提升产品质感
weixin_39623805的博客
11-24 379
背景介绍现在的APP界面中，经常图象或者视频上叠加文字和按钮的情况，比如常见的Banner、查看大图、视频播放器、专题等等。而这也是新人容易出错的地方：文字直接放在图片上，当背景色和字色过于接近时，会影响文字的读取阅读。比如下面这样：为了解决这个问题，通常的解决办法是在图片和文字中间叠加一个中间层(蒙层)，如图：这样一来，即便背景色和字色过于接近，由于中间层的存在，也不会影响文字阅读。中间层(即 ...
fill函数与编程无穷大
qq_36950065的博客
03-24 362
编程中无穷大的设定 很多人可能设为0x7fffffff,这个数的确是32-bit int的最大值，符号位为0，其他的都是1 但在很多情况下，0x7fffffff会出现错误，比如溢出，这样两个无穷大数相加会变成负数，还有如在做dijkstra求最短路时，当做松弛操作，判断if (d[u]+w[u][v] 为了尽量避免以上的错误，我们可以改变无穷大的设定，可以将0x3f3f3f3f设为无穷大，0
使用fill方法填充数据时遇到的坑
nick_zhang的博客
05-04 971
使用fill方法填充数据时遇到的坑
fill（）函数的用法
weixin_64393298的博客
04-24 1824
fill（）函数参数：fill(first,last,val); first 为容器的首迭代器，last为容器的末迭代器，val为将要替换的值。 举例: #include<bits/stdc++.h> using namespace std; int main() { int a[10]; for(int i=0;i<10;i++) { cin>>a[i]; } fill(a,a+10,2); for(in.
fill填充函数解析及用法示例
SZU_黄其才
03-09 1万+
fill填充函数解析及用法示例 fill(x,y,‘color’); 其中x,y是填充的范围，color是填充的颜色。 1、对x,y范围的获取，示例： 所以可以得出x = [0,1,1,0]; y = [0,0,1,1]; 示例代码如下： %% 画一个填充图形 % 思路：首先需要得到填充图形的x y 范围，然后再填充图形 clear; clc; close all; x = [0,1,1,0];...
memset和fill的初始化问题
zaiyang遇见
12-02 197
对于memset是按照1字节为单位对内存进行填充。 对于int型： 可以对**-1和0进行初始化 若对无穷大用memset初始化，必须是0x3f3f3f3f**,不能是99999这样的无穷大。且类型必须是int型，不能是别的类型。 fill也能进行初始化，原型是 fill(vector.begin(),vector.end(),val) 将数组从初位置到末位置的每一个值都赋值为val。 char ...
arrays.fill 填充二维数组
最新发布
10-15
`arrays.fill()` 是JavaScript中用于填充数组的一个方法，但在处理二维数组时，通常需要两层循环来分别操作每一行和每一列。这个方法的一般形式是 `array.fill(value[, start[, end]])`，其中： - `array` 是你要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值