JS曲线
关注
分享
扫一扫
礼礼。
这个作者很懒，什么都没留下…
展开
-
用代码绘制简笔画
简单的画一张画<!DOCTYPE html><html><body><canvas id="myCanvas" width="600" height="600" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script>var c=document.getElement原创 2021-01-29 19:41:29 · 1118 阅读 · 0 评论 -
对图案进行缩小/扩大/旋转
对图案进行缩小/扩大<!DOCTYPE html><html><body><canvas id="myCanvas" width="500" height="500" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script>var c=document.getElem原创 2021-01-30 15:55:51 · 96 阅读 · 0 评论 -
如何给两线之间添加衔接度
如何给两线之间添加衔接度ctx.lineJoin=“miter”;ctx.miterLimit= ；<!DOCTYPE html><html><body><canvas id="myCanvas" width="400" height="400" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas&原创 2021-01-30 15:09:24 · 83 阅读 · 0 评论 -
创建两个切线之间的弧
在画布上创建介于两个切线之间的弧<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="200" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script>var c=document.g原创 2021-01-30 13:42:44 · 167 阅读 · 1 评论 -
arc() 方法创建不同圆形
1.创建一个圆形arc() 方法创建弧/曲线（用于创建圆或部分圆）。context.arc(x,y,r,sAngle,eAngle,counterclockwise);(xy中心点，r 半径，开始角，结束角，顺/逆时针 False = 顺时针，true = 逆时针)如需通过 arc() 来创建圆，请把起始角设置为 0，结束角设置为2*Math.PI。例如：<!DOCTYPE html><html><body><canvas id="myCan原创 2021-01-30 12:18:09 · 665 阅读 · 0 评论 -
贝塞尔曲线
1.创建二次贝塞尔曲线例如：<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script>var c=document.ge原创 2021-01-30 11:39:07 · 102 阅读 · 0 评论