随笔分类 -  Canvas用法与技巧

1 2 下一页
【Canvas技法】用椭圆绘制经纬线
摘要：在Html/Canvas中，用贝塞尔三次曲线拟近椭圆，然后用椭圆绘制球体的经纬线。 阅读全文
posted @ 2023-09-12 22:50 逆火狂飙 阅读(63) 评论(0) 推荐(0)
【Canvas技法】椭圆画法
摘要：使用Html5/Canvas自带的ellipse函数绘制完整椭圆和部分椭圆。 阅读全文
posted @ 2022-05-06 05:05 逆火狂飙 阅读(91) 评论(1) 推荐(0)
【Canvas技法】基础图形荟萃,包括矩形、圆角矩形、六边形、圆角六边形、正五角星
摘要：在Html5/Canvas中绘制矩形、圆角矩形、六边形、圆角六边形、正五角星的基本函数用法展示。 阅读全文
posted @ 2022-03-04 08:51 逆火狂飙 阅读(127) 评论(0) 推荐(0)
【Canvas技法】在Canvas绘图中常用的数学知识
摘要：在Canvas绘图时常用的数学知识和函数汇总。 阅读全文
posted @ 2022-02-19 18:09 逆火狂飙 阅读(9) 评论(0) 推荐(0)
【Canvas技法】绘制正N角星
摘要：归纳在Html5/Canvas中绘制正N角星的函数。 阅读全文
posted @ 2020-03-05 09:15 逆火狂飙 阅读(1117) 评论(0) 推荐(0)
【Canvas技法】以条带横向或纵向填充矩形
摘要：在Html5/Canvas中，用水平条带或是垂直条带填充一个矩形的函数化方法。 阅读全文
posted @ 2020-02-24 09:27 逆火狂飙 阅读(7296) 评论(0) 推荐(0)
【Canvas技法】顺逆时针写环形字
摘要：在Html5/Canvas中顺逆时针写环形字的函数loopText的用法展示。 阅读全文
posted @ 2020-02-23 08:16 逆火狂飙 阅读(295) 评论(0) 推荐(0)
【Canvas技法】 卡通版太阳的三种画法
摘要：用Html5/Canvas绘制三种形制的卡通版太阳。 阅读全文
posted @ 2019-10-14 10:18 逆火狂飙 阅读(907) 评论(0) 推荐(0)
【Canvas与技法】绘制扇形
摘要：在Html5/Canvas中，用自编扇形函数绘制扇形。 阅读全文
posted @ 2019-10-07 14:52 逆火狂飙 阅读(34) 评论(0) 推荐(0)
【Canvas技法】新月画法(Crescent Moon)
摘要：在Html5/Canvas中绘制“新月”，核心是drawCrescent函数。 阅读全文
posted @ 2019-09-05 02:16 逆火狂飙 阅读(170) 评论(0) 推荐(0)
【Canvas】逐像素在canvas中显示一张图片
摘要：逐像素在canvas中显示一张图片。 阅读全文
posted @ 2017-09-26 22:53 逆火狂飙 阅读(259) 评论(1) 推荐(0)
【Canvas技法】辐射式多道光影的实现
摘要：在Canvas中实现辐射式多道光影，此技法适用于模拟金属切削后的泛光效果。 阅读全文
posted @ 2017-09-14 10:19 逆火狂飙 阅读(709) 评论(0) 推荐(0)
【Canvas技法】图解绘制圆弧的重要函数 arc(x,y,r,startAngle,endAngle,clockWise)
摘要：Html5/Canvas中绘制圆弧的重要函数 arc(x,y,r,startAngle,endAngle,clockWise) 的具体用法图解。 阅读全文
posted @ 2017-09-08 06:27 逆火狂飙 阅读(1381) 评论(1) 推荐(0)
【Canvas技法】八扇页正方形(拓扑结构基础案例)
摘要：用Canvas绘制八扇页正方形(拓扑结构基础案例) 阅读全文
posted @ 2017-09-07 10:27 逆火狂飙 阅读(441) 评论(0) 推荐(0)
【Canvas与技法】函数化绘制经纬度地球
摘要：用Html5/Canvas绘制经纬度地球，已经函数化。 阅读全文
posted @ 2017-03-09 04:44 逆火狂飙 阅读(313) 评论(0) 推荐(0)
【Canvas与技法】波浪形圆轮廓的绘制
摘要：用Canvas绘制常见的波浪形圆轮廓。 阅读全文
posted @ 2016-07-28 23:37 逆火狂飙 阅读(198) 评论(0) 推荐(0)
【Canvas技法】四种正五角星画法
摘要：在Html5/Canvas中 绘制四种正五角星，均已函数化。 阅读全文
posted @ 2016-03-04 10:29 逆火狂飙 阅读(216) 评论(0) 推荐(0)
【Canvas技法】绘制正三角形、切角正三角形、圆角正三角形、莱诺三角形
摘要：用Html5/Canvas中绘制正三角形、切角正三角形、圆角正三角形和莱诺三角形。 阅读全文
posted @ 2016-02-18 00:40 逆火狂飙 阅读(178) 评论(0) 推荐(0)
【canvas技法】使用HTML5/Canvas绘制蓝色六边形网格
摘要：使用HTML5/Canvas绘制蓝色六边形网格。 阅读全文
posted @ 2015-12-30 08:04 逆火狂飙 阅读(255) 评论(0) 推荐(0)
【Canvas技法】矩形荟萃（绘制矩形、圆角矩形、切角矩形、内陷圆角矩形、内陷方角矩形、旋转45°圆角正方形）
摘要：在Html5/Canvas中，绘制矩形、圆角矩形、切角矩形、内陷圆角矩形、内陷方角矩形、旋转45°圆角正方形等六种常用矩形。 阅读全文
posted @ 2015-01-10 22:36 逆火狂飙 阅读(848) 评论(0) 推荐(0)

1 2 下一页