我想在用户点击的SVG元素上绘制一条路径（这样他们可以做一些类似于使用画笔的东西）。
我正在通过<object>标签加载svg，而在SVG中，已经存在一条路径（为空）。我的想法是用点击的位置设置路径属性。
这种方法有效，但如果在CSS中调整SVG元素的大小，则单击的位置不会与SVG元素对齐。
在我简单的测试用例中，我创建了一个页面，无论用户点击什么，都可以绘制一个小圆圈。如果SVG元素没有样式，（它基本上位于页面的左上角），这很有用，但是如果我在CSS中创建类似width: 50%的元素，那么圆圈的位置就是方式，方式关闭。
你可以看到一个基本的例子here，但它只是向你展示这个概念，因为看起来JSBIN不支持<object>元素或其他东西。
真的是这个概念性的问题，当您使用CSS调整大小和SVG时会发生什么，以及在调整点击位置大小后如何规范化？