基于 Web 的SVG编辑器画布缩放方案

我的正在开发中的 svg 编辑器个人项目:https://github.com/F-star/svg-editor ,欢迎 star。

本文是系列文章,如果想看懂本文的一些术语,需要先阅读下面文章:

基于Web的svg编辑器(2)——层次结构设计(DOM结构)

svg 的画布缩放方案我目前研究出两个:

  1. 修改 svgContent 和 svgRoot 的属性
  2. 设置 svgContent 下的 g 元素的 transform 属性
阅读更多

基于Web的svg编辑器(2)——层次结构设计(DOM结构)

svg 编辑器系列(2)其实在之前已经写过了,但写得不好,所以这次重写一下,顺便也把示例代码重写了。

本文主要讲解一款 svg 编辑器的DOM结构,该如何分层以及这样分层的原因。DOM 结构主要参考了一款名为 svgedit的开源 svg 编辑器。

我的正在开发中的 svg 编辑器个人项目:https://github.com/F-star/svg-editor ,欢迎 star。

阅读更多