【博主推荐】html界面绘制SVG图形(附源码)

文章目录

  • 【博主推荐】html界面绘制SVG图形(附源码)
    • 效果视频
    • 效果示意图
    • 部分源码HTML
    • 源码地址

【博主推荐】html界面绘制SVG图形(附源码)

功能介绍

  1.支持常用图形绘制,如直线,虚线,正方形,长方形,五角星等;
  2.支持常用属性配置,如长度,颜色,id,单击时间等;
  3.支持常用操作直接呈现;
  4.选中元素后,鼠标右键改变属性;
  5.选中元素后,鼠标左键一直按着拖动;
  6.选中元素后,上下左右按键可以移动元素;
  7.支持一键清除,一键保存;
  8.支持元素单击,调用js;
  支持相关功能扩展

效果视频

【博主推荐】html界面绘制SVG图形(附源码)

效果示意图

【博主推荐】html界面绘制SVG图形(附源码)_第1张图片

部分源码HTML

注意:引用的js和css相关,见下面源码地址





    
    xcLeigh - 绘制svg图
    
    
    
    


    


源码地址

【博主推荐】html界面绘制SVG图形(附源码)

你可能感兴趣的:(html,资源源码,svg,html,前端,html5)