echarts官方示例和默认样式都比较难看,经过一顿捣鼓实现比较漂亮的渐变仪表盘. 第一步:设置轴线 将图表轴线.label.分割线.隐藏,只保留刻度,然后修改刻度样式达到最终效果.不过要注意的是axisLine不能简单的设置show:false,还要设置opacity才能彻底隐藏底色.看看效果和代码如下: series: [ { type: 'gauge', radius: '90%', axisLine: { show: false, lineStyle: { width: 3, opaci

今天做了一个图,把自己的遇到的问题和体会记录一下,以防忘记 echarts地址 https://gallery.echartsjs.com/editor.html?c=xEPtLLmG4G 参考官网地址: http://echarts.baidu.com/examples/index.html 思路: 首先需要1/4个圆形 在数据对象里面设置75和25 分别表示一个占1份,另一个占4份 series: [{ "name": '', "type": 'pie', &q

当设置了owner的子窗口显示后,点击子窗口外部,需要一种反馈机制(反馈动画). 实现: 1.触发源 每次点击子窗口外部,即母窗口时,事件捕捉如下 HwndSource hwndSource = PresentationSource.FromVisual(this.Owner) as HwndSource;//窗口过程 hwndSource?.AddHook(WndProc); 也可以调用WindowInteropHelper,获取母窗口句柄. var hwnd = new WindowInte

var dom = document.getElementById("container"); var myChart1 = echarts.init(dom); var app = {}; option1 = null; //初始化数据 var category = ['深圳市', '东莞市', '广州市', '惠州市', '北京市', '上海市', '武汉市']; var barData = [7913, 4910, 3810, 2054, 988, 3979, 818]; var

概览 图形上下文 路径 颜色与颜色空间 变换 图案 阴影 渐变 透明层 Quartz 2D 中的数据管理 位图与图像遮罩 CoreGraphics 绘制 Layer 渐变 简介 渐变是从一个颜色到另外一种颜色的填充 Quartz 提供了 CGShadingRef 和 CGGradientRef 来创建轴向或径向渐变. 轴向渐变(也称为线性渐变)沿着由两个端点连接的轴线渐变.所有位于垂直于轴线的某条线上的点都具有相同的颜色值. 径向渐变也是沿着两个端点连接的轴线渐变,不过路径通常由两个圆来定义.

概览 图形上下文 路径 颜色与颜色空间 变换 图案 阴影 渐变 透明层 Quartz 2D 中的数据管理 位图与图像遮罩 CoreGraphics 绘制 Layer 5.变换 简介 Quartz 2D 绘制模型定义了两种独立的坐标空间:用户空间(用于表现文档页)和设备空间(用于表现设备的本地分辨率). 当我们需要一个点或者显示文档时, Quartz 会将用户空间坐标系统映射到设备空间坐标系统.当前映射关系的变换矩阵称为 CTM(current transformation matrix). Qu

http://www.cocoachina.com/ios/20150722/12622.html 作者:@吖了个峥 授权本站转载. 前言 此次文章,讲述的是Layer的一个属性contentsRect,利用它可以控制图层内容的展示,然后还有利用渐变层(CAGradientLayer)做阴影效果. 如果喜欢我的文章,可以关注我,随着后续不断学习Swift中,陆续还会有更新ing.... 0.什么是折叠效果? 就是让一张图片的某一部分,沿着X轴或者Y轴旋转,不能拿着整张图片旋转,整张图片会一起旋转

由于Universal Render Pipeline目前(2020年4月1日)把阴影淡入淡出这个功能竟然给取消了…我自己拿片元位置到相机位置的距离进行了一个淡化,但是阴影边缘老是被裁切…后来研究了一下Unity里面这个CBuffer是干嘛的.有一些结论,鉴于似乎没搜到,就发个博客吧... 至于这些东西为啥是这样…,我也不知道...反正人家Unity就是这么干的 unity_ShadowFadeCenterAndType决定了阴影消散的中心:xyz保存的是camPos +  normalize(

1,html5shiv 这个js特别简单,可以让IE8识别一些新的标签,常用的比如 header footor section,就能使用更好的语义的标签了. 引入方式: <!--[if lt IE 9]> <script src="../../Scripts/lib/html5.js"></script> <![endif]--> 2,json2.js 他可以补充JSON.parse JSON.stringify 两个json序列化反序列

作为iOS开发,UITableView可能是平时我们打交道最多的UI控件之一,其重要性不言而喻. 关于TableView,我想最核心的就是UITableViewCell的重用机制了. 简单来说呢就是当TableView滚动时,会调tableView:cellForRowAtIndexPath:这个方法,TableView只会创建屏幕内或者只比屏幕多一点点的cell,当滚动需要展现新的cell的时候,TableView首先会把已经移出屏幕外的cell放入到缓存池中去,然后再从缓存池中取出新的cel

一个良好的用户界面应具有高转换率,并且易于使用.但要用户体验良好并不容易做到,下面我们整理了40个良好用户界面Tips,希望能对你有帮助! 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控.同时用户也可以一目了然内容.而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达.最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮. 2 放出礼品往往更具诱惑力 给用户一份精美小礼品这样的友好举动再好不过了.具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在

概览 图形上下文 路径 颜色与颜色空间 变换 图案 阴影 渐变 透明层 Quartz 2D 中的数据管理 位图与图像遮罩 CoreGraphics 绘制 Layer 位图与图像遮罩 简介 位图与图像遮罩和 Quartz 中的其它绘制元素一样.两者在 Quartz 中都是用 CGImageRef 数据类型来表示. 位图和图像遮罩 一个位图是一个像素数组.每一个像素表示图像中的一个点.JPEG, TIFF 和 PNG 图像文件都是位图.应用程序的 icon 也是位图. 位图中的每一个采样包含特定颜色

概览 图形上下文 路径 颜色与颜色空间 变换 图案 阴影 渐变 透明层 Quartz 2D 中的数据管理 位图与图像遮罩 CoreGraphics 绘制 Layer 0.说明 本篇博客主要是对官方文档的总结与补充.翻译部分参考了南峰子的博客.你可以在参考资料中查看. 1.概览 简介 Quartz2D 是二维图形绘制引擎,支持 iOS 和 OS X. Page Quartz2D 在图像中使用了绘画者模型.在绘画者模型中,每个连续的绘制操作都是将一个绘制层放置于一个画布,我们通常称这个画布为 Pag

显卡帝揭秘3D游戏画质特效 近几年来,大量采用最新技术制作的大型3D游戏让大部分玩家都享受到了前所未有的游戏画质体验,同时在显卡硬件方面的技术革新也日新月异.对于经常玩游戏的玩家来说,可能对游戏画质提升有种不知不觉之感,而对于那些前些年经常玩游戏,现在突然又来玩新游戏的玩家来说,估计会度现在的游戏画质赞不绝口甚至惊呼“不可思议”.不过有一个现象我们不得不承认:游戏画质的设定选项越来越丰富了,同时玩家也对这些“乱花渐欲迷人眼”的游戏画质特效有点摸不着头脑了.所以今天显卡帝就来为您详细解读3D游戏特

今天继续总结css3的一些css3新样式,先列一个简单的提纲,重要的还是圆角.阴影.渐变.文字缩略,最最重要的是过度transition,变换transform和animation圆角阴影渐变 圆形渐变 线性渐变 跳变 重复渐变蒙版倒影滤镜多背景文字方向文字缩略 过渡transition 变换transform动画animation: keyframes 一个一个来:1>圆角: border-radius:px %; border-radius: 一个值; 四个角 border-radius:

收集了其它一些不太方便归类的JS特效,共150个,供君查阅. 1. simplyScroll simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动.手动滚动,水平.垂直方向滚动.此外,它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源. 2. Animated Collapsible DIV 为任何DIV层添加Web2.0风格的动画隐藏/显示效果 3. jQuery Pagination (演示地址) jQuery分页插件 4. side

作为iOS开发,UITableView可能是平时我们打交道最多的UI控件之一,其重要性不言而喻. 关于TableView,我想最核心的就是UITableViewCell的重用机制了. 简单来说呢就是当TableView滚动时,会调tableView:cellForRowAtIndexPath:这个方法,TableView只会创建屏幕内或者只比屏幕多一点点的cell,当滚动需要展现新的cell的时候,TableView首先会把已经移出屏幕外的cell放入到缓存池中去,然后再从缓存池中取出新的cel

---恢复内容开始--- MenuDrawer框架是一个可以实现上下左右滑动的框架,在使用中可以在xml文件中配置也可以在java代码中实现效果的配置 可以以jar的形式或依赖的形式存在      用依赖的形式存在是方便修改MenuDrawer的源码 在xml中配置 <net.simonvt.menudrawer.OverlayDrawer   //以覆盖的形式出现   即在侧滑时侧滑菜单滑动主界面不会发生改变        android:id="@+id/drawer"   

介绍 cocos2d支持(true type字体)标签,和纹理地图集标签. LabelTTF 标签的优缺点: 全部 TTF 字体的长处: 随意大小,支持调整字距. 易于使用. 不须要外部编辑器. 创建或更新很慢.是由于会创建一个新的纹理, 尤其是在Android设备上. LabelAtlas, LabelBMFont 优缺点: 创建和更新很快, 是由于不会创建一个新的纹理. 字体能够进行定制 (阴影, 渐变, 模糊, 等) 依赖于外部编辑器: AngelCode / Hiero editor,

前几天在做一个app应用的时候,用到了滤镜.在之前我只是知道有这么个东西,但是具体的知识点其实我是不太清楚的,所以为了让自己能深刻记忆,专门把它来记录一下.. 一.滤镜的标识符:“filter”;语法:style="filter:滤镜属性:(参数)" 二.支持度: IE4.0以上支持的滤镜属性表 滤镜效果 描述 : Alpha 设置透明度  Blur 建立模糊效果  Chroma 把指定的颜色设置为透明  DropShadow 建立一种偏移的影象轮廓,即投射阴影  FlipH 水平反转

第三章 无需计算玩转CSS网格布局 3.1 网格布局介绍 3.2 使用网格布局 3.2.1 术语 1 术语名 定义 是否涉及HTML标签 2 列 内容度量的垂直单位 否 3 容器 构成一个网格布局的HTML元素 是 4 槽 网格布局中列与列之间的统一留白 否 3.2.3 固定的网格布局还是流动的网格布局 1 // 由于网络用户的屏幕尺寸不一,设计人员有两种选择: 2 // 1.要么选择一种对于大多数用户合理的固定布局大小(并且限制这种布局内的内容不溢出); 3 // 2.要么实现一种灵活的流动布