canvas怎么画一个渐变的圆角边框,填充的也行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas怎么画一个渐变的圆角边框,填充的也行相关的知识,希望对你有一定的参考价值。

参考技术A PS制作渐变圆角矩形:
方法一:
1、用路径工具里的圆角矩形工具拉出矩形;
2、按住ctrl(控制键)的同时按回车,把路径图形转换成蚂蚁线选区;
3、不要取消选区用渐变工具在选区内拉出你要的渐变色彩!

方法二:
1、用路径工具里的圆角矩形工具拉出矩形;
2、右键“建立选区”,在弹出的对话框中选择“新选区”,然后“确定”;
3、删除刚刚新创建的图层,而选区则保留了下来;
4、创建一个新的图层;
5、在新图层里尽情填充吧!

canvas绘制圆角矩形

参考技术A 首先声明一个自定义函数

然后在绘制的时候调用该函数,

效果图:

以上是关于canvas怎么画一个渐变的圆角边框,填充的也行的主要内容,如果未能解决你的问题,请参考以下文章

iOS绘制物理按钮 - 透明圆角渐变边框

如何实现css渐变圆角边框

用canvas画只有一个角是圆角的矩形,能画出来么?

安卓用shape画圆角矩形边框

canvas绘制圆角矩形

css3 这种半透明边框带阴影,里面填充白色该怎么做?