你可以从页面上去看源码的

一个道理，但是canvas整个都是一个正题，svg是多个dom结构，可以分别设置

简单的流程设计应该是可以的，点击事件动效就可以实现

<svg viewBox="0 0 300 120" xmlns="http://www.w3.org/2000/svg">
  <a href="https://developer.mozilla.org" target="_self">

连结的网页要在哪里打开,target 目标的意思

是位置 没有处理好吗

这个就是用法一个一个加的

不能直接在浏览器中对文件内容进行操作，不过可以用node来实现，或者直接把svg中的代码转成字符串的形式，代替到html中

用的就是坐标法

应该没有吧

可以用js来操作dom实现的

我找到问题了?

sss

我偏要谢，蟹蟹?

这个有些数学相关的处理

这个可以自己一点一点的试着画

老师不是讲了，为了方便在开发类似之前的svg编辑器时，可以实现图形位置重合定位的标准

在第一章任意视频内的资料下载中(第一章相关源文件)

你的svg大小没有设置，如果将svg的width 和 height 属性设置大点就可以了

仔细想了下 确实只有两个 把两个点想象成两个钉子

兼容性的问题而以，没事

通过HTML element对象的 getBoundingClientRect 获取对象的绝对位置 left和top然后创建一个input标签，绝对定位offsetParent等于body,设置input的位置覆盖在这个元素上面，输入框聚焦

$('svg text').on('click', function(){	var box = this.getBoundingClientRect()	var $input = $('<input type="text" />')	var $self = $(this)	// 设置值和属性	$input.val($self.text()).css({		position: 'absolute',		left: box.left,		top: box.top,		width: box.width,		height: box.height	}).appendTo($seft.parents('svg'))	// 聚焦	.focus()	// 失去焦点移除输入框，设置值	.on('blur', function(){		$(this).remove()		$seft.text($(this).val())	})})