Wpf 将HTML5画布保存为数据

Wpf 将HTML5画布保存为数据,wpf,html,canvas,Wpf,Html,Canvas,我想将HTML5画布上的图形元素保存到磁盘上,对其他地方的数据进行一些操作,然后读取操作后的数据并重新绘制画布,保持原样。我只找到了画布保存为图像的解决方案。是否可以查询/遍历画布中包含的元素?我认为WPF/Silverlight有类似的产品 -pom-否,您必须将正在绘制的内容保存在对象中,例如: {"shape": "circle", "x": 45, "y": 112, "radius": 23, "color": "ff3480"} 然后可以将对象序列化为JSON,并将其保存在磁盘或数

我想将HTML5画布上的图形元素保存到磁盘上,对其他地方的数据进行一些操作,然后读取操作后的数据并重新绘制画布,保持原样。我只找到了画布保存为图像的解决方案。是否可以查询/遍历画布中包含的元素?我认为WPF/Silverlight有类似的产品


-pom-

否,您必须将正在绘制的内容保存在对象中,例如:

{"shape": "circle", "x": 45, "y": 112, "radius": 23, "color": "ff3480"}

然后可以将对象序列化为JSON,并将其保存在磁盘或数据库中。您还需要反序列化JSON并再次绘制对象的功能。

否,您必须将正在绘制的内容保存在对象中,例如:

{"shape": "circle", "x": 45, "y": 112, "radius": 23, "color": "ff3480"}

然后可以将对象序列化为JSON,并将其保存在磁盘或数据库中。您还需要反序列化JSON并再次绘制对象的功能。

没有内置方式。画布是一个直接的绘图表面,仅此而已。当你让它画一个矩形时,它会抛出一些像素,然后忘记你刚才所做的一切。如果你想跟踪任何事情,你必须自己做,或者找一个同样做过的库

SVG是一个保留的图形表面。绘制的每个项目实际上都是一个DOM对象,其数据表示其当前状态。根据您正在做的事情,在这里使用SVG将为您省去很多麻烦

Raphael是一个SVG库,如果您希望了解已经完成的工作,它可能是一个很好的起点。看看他们的一些样品:


没有内置的方式。画布是一个直接的绘图表面,仅此而已。当你让它画一个矩形时,它会抛出一些像素,然后忘记你刚才所做的一切。如果你想跟踪任何事情,你必须自己做,或者找一个同样做过的库

SVG是一个保留的图形表面。绘制的每个项目实际上都是一个DOM对象,其数据表示其当前状态。根据您正在做的事情,在这里使用SVG将为您省去很多麻烦

Raphael是一个SVG库,如果您希望了解已经完成的工作,它可能是一个很好的起点。看看他们的一些样品: