• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






hengda_frontend

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

2018年1月25日

svg SMIL Animation动画
摘要: svg path路径绘制:贝塞尔曲线 二次贝塞尔曲线: 三次贝塞尔曲线: 基本参数: 指令字母(绝对坐标) 中文含义 参数示意 具体说明 M 移动到(moveTo) x,y 路径起始点坐标 Z 闭合路径(closepath) 将路径的开始和结束点用直线连接 L 直线(lineTo) x,y 当前节点 阅读全文
posted @ 2018-01-25 10:36 hengda_frontend 阅读(598) 评论(0) 推荐(0)
 

2018年1月18日

SVG 动画示例:svg缩放移动、移动轨迹追溯
摘要: 所实现的简单效果:移动轨迹刷新绘制、svg缩放/移动 使用相关技术:SVG SMIL Animation动画 <style>*{ margin:0; padding:0;}.main{ width: 600px; height: auto; margin: 20px auto;}#svg1{ bac 阅读全文
posted @ 2018-01-18 09:28 hengda_frontend 阅读(3493) 评论(1) 推荐(0)
 
SVG 基础应用
摘要: svg置入HTML页面方式: 1、直接写入 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;str 阅读全文
posted @ 2018-01-18 09:14 hengda_frontend 阅读(194) 评论(0) 推荐(0)
 

2018年1月10日

javascript面相对象编程,封装与继承
摘要: 一、封装 var line = '<div> </div>'; //1.对象的原始模式 var obj = {name : '', color : ''} 生成两个实例对象 var hengda = {}; // 创建一个空对象 hengda.name = "恒达"; // 按照原型对象的属性赋值 阅读全文
posted @ 2018-01-10 09:23 hengda_frontend 阅读(138) 评论(0) 推荐(0)
 

2018年1月3日

恒达前端- Run as one
摘要: 2018年1月3日,恒达前端技术分享记录开始,Run as one! 阅读全文
posted @ 2018-01-03 09:53 hengda_frontend 阅读(132) 评论(0) 推荐(0)