随笔分类 -  前端画布标签canvas

摘要: 阅读全文
posted @ 2023-06-06 15:32 小白咚 阅读(63) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-11-14 22:57 小白咚 阅读(657) 评论(0) 推荐(0) 编辑
摘要:动画实现贝塞尔曲线 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文
posted @ 2020-11-11 23:16 小白咚 阅读(244) 评论(0) 推荐(0) 编辑
摘要:1.svg <?xml version="1.0" ?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="100" r="50" stroke="black" stroke-width="2" fi 阅读全文
posted @ 2020-10-27 21:51 小白咚 阅读(1201) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-08-12 16:35 小白咚 阅读(381) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-08-12 16:19 小白咚 阅读(1683) 评论(0) 推荐(0) 编辑
摘要:首先在index.html中引入 <!--引入高德地图JSAPI --><script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.13&key=申请的key"></script><!--引入UI组件库(1.0版本) 阅读全文
posted @ 2020-01-05 22:23 小白咚 阅读(1946) 评论(0) 推荐(0) 编辑
摘要:canvas 绘制的基本步骤: 第一步:获得上下文 =>canvasElem.getContext('2d'); 第二步:开始路径规划 =>ctx.beginPath() 第三步:移动起始点 =>ctx.moveTo(x, y) 第四步:绘制线(矩形、圆形、图片...) =>ctx.lineTo(x 阅读全文
posted @ 2019-09-08 21:57 小白咚 阅读(587) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示