canvas 绘制三次贝塞尔曲线
2024-08-28 09:40:50
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>canvas</title>
<script>
function init() { var canvas=document.getElementById('canvas');
var ctx=canvas.getContext('2d');
ctx.strokeStyle="dark";
ctx.beginPath();
ctx.moveTo(0,200);
ctx.bezierCurveTo(25,50,75,50,300,200);
ctx.stroke() ctx.strokeStyle="blue";
ctx.beginPath();
ctx.moveTo(25,50);
ctx.lineTo(0,200);
ctx.moveTo(75,50);
ctx.lineTo(300,200);
ctx.stroke();
}
</script>
</head>
<body onload="init();">
<canvas id="canvas" width="400" height="400"></canvas>
</body>
</html>
效果:
2017-09-09 11:40:50
最新文章
- Docker初体验
- eclipse内嵌jetty(run-jetty-run插件) 配置jndi数据源
- SQL—大话函数依赖与范式
- jquery.datepair日期时分秒选择器
- SQL2005中的事务与锁定(四)- 转载
- webstorm 添加文件模板
- ACM位运算技巧
- FragmentPagerAdapter与FragmentStatePagerAdapter差异
- [IOI1996] USACO Section 5.3 Network of Schools(强连通分量)
- jquery 操作listbox 左右相互选择
- Windows上Ruby开发环境的配置
- 线程轮循打印ABC...
- [Luogu P2296][NOIP 2014]寻找道路
- selenium的八大定位元素的方式
- LevelDB C API 整理分类
- 联想拯救者r720+固态浦科特M8PeGN 的bios 设置
- HISI VENC 实际输出帧率控制
- Java笔记Spring(七)
- Spark项目之电商用户行为分析大数据平台之(三)大数据集群的搭建
- 好汉两个半第十二季/全集Two and a Half Men迅雷下载
热门文章
- 从保障淘宝到全球市场“第一阵营”,阿里云的DDoS防护之路走了多远?
- pom里引入lib下的包后编译报 package com.sun.crypto.provider does not exist问题解决
- 在Mac OS X 10.11 EI Capitan 中提取iso镜像
- Linux运维知识之linux shell date 用当天时间做备份文件名
- Nginx 转写功能和Apache .htaccess 对应
- 页面跳转(包括vue路由)
- Python程序打包为可执行文件exe
- Rust OpenGL配置
- 排序算法一:插入排序(Insertion sort)
- Linux下查看日志文件