Canvas用法与技巧 - 随笔分类 - 逆火狂飙

【Canvas技法】用椭圆绘制经纬线

摘要：在Html/Canvas中，用贝塞尔三次曲线拟近椭圆，然后用椭圆绘制球体的经纬线。阅读全文

posted @ 2023-09-12 22:50 逆火狂飙阅读(57) 评论(0) 推荐(0)

【Canvas技法】椭圆画法

摘要：使用Html5/Canvas自带的ellipse函数绘制完整椭圆和部分椭圆。阅读全文

posted @ 2022-05-06 05:05 逆火狂飙阅读(80) 评论(1) 推荐(0)

【Canvas技法】基础图形荟萃,包括矩形、圆角矩形、六边形、圆角六边形、正五角星

摘要：在Html5/Canvas中绘制矩形、圆角矩形、六边形、圆角六边形、正五角星的基本函数用法展示。阅读全文

posted @ 2022-03-04 08:51 逆火狂飙阅读(125) 评论(0) 推荐(0)

【Canvas技法】绘制正N角星

摘要：归纳在Html5/Canvas中绘制正N角星的函数。阅读全文

posted @ 2020-03-05 09:15 逆火狂飙阅读(1114) 评论(0) 推荐(0)

【Canvas技法】以条带横向或纵向填充矩形

摘要：在Html5/Canvas中，用水平条带或是垂直条带填充一个矩形的函数化方法。阅读全文

posted @ 2020-02-24 09:27 逆火狂飙阅读(7292) 评论(0) 推荐(0)

【Canvas技法】顺逆时针写环形字

摘要：在Html5/Canvas中顺逆时针写环形字的函数loopText的用法展示。阅读全文

posted @ 2020-02-23 08:16 逆火狂飙阅读(262) 评论(0) 推荐(0)

【Canvas技法】卡通版太阳的三种画法

摘要：用Html5/Canvas绘制三种形制的卡通版太阳。阅读全文

posted @ 2019-10-14 10:18 逆火狂飙阅读(905) 评论(0) 推荐(0)

【Canvas与技法】绘制扇形

摘要：在Html5/Canvas中，用自编扇形函数绘制扇形。阅读全文

posted @ 2019-10-07 14:52 逆火狂飙阅读(33) 评论(0) 推荐(0)

【Canvas技法】新月画法(Crescent Moon)

摘要：在Html5/Canvas中绘制“新月”，核心是drawCrescent函数。阅读全文

posted @ 2019-09-05 02:16 逆火狂飙阅读(164) 评论(0) 推荐(0)

【Canvas】逐像素在canvas中显示一张图片

摘要：逐像素在canvas中显示一张图片。阅读全文

posted @ 2017-09-26 22:53 逆火狂飙阅读(257) 评论(1) 推荐(0)

【Canvas技法】辐射式多道光影的实现

摘要：在Canvas中实现辐射式多道光影，此技法适用于模拟金属切削后的泛光效果。阅读全文

posted @ 2017-09-14 10:19 逆火狂飙阅读(708) 评论(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 逆火狂飙阅读(1378) 评论(1) 推荐(0)

【Canvas技法】八扇页正方形(拓扑结构基础案例)

摘要：用Canvas绘制八扇页正方形(拓扑结构基础案例) 阅读全文

posted @ 2017-09-07 10:27 逆火狂飙阅读(438) 评论(0) 推荐(0)

【Canvas与技法】函数化绘制经纬度地球

摘要：用Html5/Canvas绘制经纬度地球，已经函数化。阅读全文

posted @ 2017-03-09 04:44 逆火狂飙阅读(311) 评论(0) 推荐(0)

【Canvas与技法】波浪形圆轮廓的绘制

摘要：用Canvas绘制常见的波浪形圆轮廓。阅读全文

posted @ 2016-07-28 23:37 逆火狂飙阅读(197) 评论(0) 推荐(0)

【Canvas技法】四种正五角星画法

摘要：在Html5/Canvas中绘制四种正五角星，均已函数化。阅读全文

posted @ 2016-03-04 10:29 逆火狂飙阅读(214) 评论(0) 推荐(0)

【Canvas技法】绘制正三角形、切角正三角形、圆角正三角形、莱诺三角形

摘要：用Html5/Canvas中绘制正三角形、切角正三角形、圆角正三角形和莱诺三角形。阅读全文

posted @ 2016-02-18 00:40 逆火狂飙阅读(177) 评论(0) 推荐(0)

【canvas技法】使用HTML5/Canvas绘制蓝色六边形网格

摘要：使用HTML5/Canvas绘制蓝色六边形网格。阅读全文

posted @ 2015-12-30 08:04 逆火狂飙阅读(253) 评论(0) 推荐(0)

【Canvas技法】矩形荟萃（绘制矩形、圆角矩形、切角矩形、内陷圆角矩形、内陷方角矩形、旋转45°圆角正方形）

摘要：在Html5/Canvas中，绘制矩形、圆角矩形、切角矩形、内陷圆角矩形、内陷方角矩形、旋转45°圆角正方形等六种常用矩形。阅读全文

posted @ 2015-01-10 22:36 逆火狂飙阅读(848) 评论(0) 推荐(0)

【Canvas与技法】绘制水滴轮廓

摘要：用Html5/Canvas绘制蓝色水滴。阅读全文

posted @ 2015-01-07 16:57 逆火狂飙阅读(175) 评论(0) 推荐(0)

随笔分类 - Canvas用法与技巧