`
yexin218
  • 浏览: 973021 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

Rounded Colorized Image Borders

    博客分类:
  • Flex
阅读更多

This week I ran across a really cool demo application using images within Flex.

Russel Brown’s SmartImage component will take an image, add a rounded border and colorize that border based on the average colors within the image.

Here is a live sample (View Source is Enabled):

Here is a simple use example.

<graphics:RoundedImage
            width="200" height="150"
            borderStyle="dynamic"
            borderWidth="6"
            cornerRadius="11"
            source="@Embed('Winter.jpg')"
 />

 For full source click here .

 

From: http://blog.everythingflex.com/2009/04/24/rounded-colorized-image-borders/

分享到:
评论

相关推荐

    react-rounded-image:将图像转换为圆形图像,还可以更改圆圈的颜色

    npm install --save react-rounded-image 用法 import React , { Component } from "react" ; import ReactRoundedImage from "react-rounded-image" ; import MyPhoto from "./images/me.jpg" ; export default ...

    hexagon:css3 hexagon with rounded corners and borders. css3六边形,可设置border与border-radius

    六边形 带有圆角和边框的css3六角形。 css3六边形,可设置border与border-radius 结果 查看 捕获 大小和边框宽度 您可以按比例更改六边形的大小和边框宽度。 要在此处更改css文件。... -webkit-transform : rotate ( -...

    Rounded

    在IT行业中,"Rounded"通常指的是具有圆角设计元素的风格,这可能与图形设计、用户界面(UI)或编程中的某些特性有关。在这个场景下,标题"Rounded"可能是指一种特定的字体风格,它具有圆润的边缘,为文本提供更柔和...

    ROUNDED在COMPUTE中的用法.doc

    ROUNDED在COMPUTE中的用法 ROUNDED是COMPUTE编程语言中的一个关键字,用于控制数值计算的舍入方式。在COMPUTE中,ROUNDED关键字可以影响计算结果的精度和舍入方式,以下我们将详细介绍ROUNDED在COMPUTE中的用法。 ...

    Unity-UI-Rounded-Corners:此组件和着色器使您可以向UI元素添加圆角!

    Unity-UI-圆角 这些组件和着色器使您可以向UI元素添加圆角! 如何安装 包装经理 打开%projectname%/...使用Image将ImageWithRoundedCorners附加到游戏对象 创建新材料 选择RoundedCorners着色器 将材质附加到Imag

    RoundedCorners 控件

    asp.net ajax RoundedCorners控件的视频(带中文字幕)c#源码,希望对大家有用.

    rounded-corners.js

    rounded-corners.js 想知道怎么找见的 可以私信 然后我告诉你方法 这里就不写了

    JS实现图片改成圆角效果

    这段代码首先选取了所有具有`.rounded-image`类的图片元素,然后在每个图片加载完成后,将其父容器的宽度和高度设置为图片本身的自然宽度和高度。这样一来,图片将完全填充容器,圆角效果也不会被裁剪。 需要注意的...

    php 图片处理圆角

    这个例子中,`make_rounded_image()`函数接受源图片路径、目标图片路径和圆角半径,然后通过计算每个像素的位置与中心点的距离,判断是否属于圆角部分,并进行相应的绘制。 5. **性能和优化** 圆角图片的处理可能...

    Android-rounded-corners-image-view-:此示例演示如何在卡片视图中使用圆形图像视图(您可以在任何视图中使用它)

    本示例“Android-rounded-corners-image-view-”正是针对这一需求,它展示了如何在卡片视图(CardView)中创建一个带有圆形边框的图像视图,而且这个方法不仅限于卡片视图,可以应用于任何其他视图组件。这个项目由@...

    CSS-rounded-corners.rar_rounded-corners.css

    "CSS-rounded-corners.rar_rounded-corners.css" 这个压缩包文件,显然专注于提供一个实现这一效果的CSS解决方案。让我们深入探讨一下如何使用CSS来创建圆角边框以及相关的重要知识点。 首先,CSS(Cascading Style...

    [A035]ASP.NET AJAX控件之RoundedCorners

    【A035]ASP.NET AJAX控件之RoundedCorners是一个关于在ASP.NET环境中使用AJAX技术实现页面元素圆角效果的主题。在现代网页设计中,圆角边框经常被用于提供更友好的视觉体验,使网页看起来更加平滑和专业。在ASP.NET...

    jQuery Canvas Rounded Corners - jQuery圆角插件

    总的来说,jQuery Canvas Rounded Corners插件是一个强大的工具,它利用Canvas技术和jQuery的便利性,为开发者提供了在各种浏览器环境下创建圆角效果的能力。无论是在旧版浏览器还是现代浏览器,都能保证一致的视觉...

    Resource-Han-Rounded:Resource Han Rounded,源于Source Han Sans的圆形字体家族

    资源汉四舍五入 该字体派生自 。 下载 。 要与Microsoft Office系列软件一起使用,请访问以获取较短的名称版本,以防止软件中的错误。 TTF :特定于语言的TTF ,建议用于旧版印刷技术或进一步的开发。...

    Rounded Chamfer

    USB ENGINEERING CHANGE NOTICE Rounded Chamfer Applies to USB Specification Revision 2.0

    highcharts-rounded-corner

    "highcharts-rounded-corner"是一个基于JavaScript的库,专门用于为Highcharts图表添加圆角效果。在Web开发中,Highcharts是一款流行的开源JavaScript库,用于创建交互式的柱状图、饼图、线图等多种数据可视化图表。...

    rounded-div:获取整数除法的舍入结果

    const fn rounded_div_* assert_eq! (rounded_div :: i32 ( 59 , 4 ), 15 ); // 59/4 is equal to 14.75 which is closer to 15 assert_eq! (rounded_div :: i32 ( 58 , 4 ), 15 ); // 59/4 is equal to 14.5 which...

Global site tag (gtag.js) - Google Analytics