我喜欢基于两个数组创建一个svg文件,第一个数组包含svg文件的路径

应该组合在另一个数组描述的一个svg资源中

模式图形的路径数组

这些模式可用

作为矢量文件.每个图案的大小为200x200px

请参阅以下文件的内容.

$pathesToPatternsArray = array("0"=>"circle.svg", "1"=>"square.svg");

描述图像上图案位置的数组

$positionOnTheImageArray = array(

0=>array(0,0,0,0),

1=>array(0,0,0,0),

2=>array(1,1,1,1),

3=>array(1,1,1,1),

4=>array(1,0,1,0);

结果:

所以我们得到了一个包含5行的图像.前两行仅包含圆圈.接下来的两行只包含正方形.最后一行包含“方形,圆形,方形,圆形”

伪代码

这是我认为它可以工作的方式,但不幸的是我不知道如何处理SVG合并.我希望你能帮助我.我认为它可能适用于GD,Imagick或简单的文本文件处理,但我还没有找到解决方案.

$svgOutputfile = createSVGFileRessource();

foreach($positionOnTheImageArray AS $row => $cellArray)

{

$cell = 0;

foreach($cellArray AS $selectedPattern)

{

$pattern = loadPattern($pathesToPatternsArray[$selectedPattern]);

$svgOutputfile->write($row,$cell,$pattern);

$cell++;

}

$svgOutputfile->save();

triangle.svg的内容

width="200px" height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">

square.svg的内容

width="200px" height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">

Finaly

我真的很期待能够帮助我找到解决方案的答案.

php svg 合成,php – 通过合并其他SVG文件创建SVG图像相关推荐

  1. 利用svg合成任意形状的图片

    什么是svg: 百度百科这样说: SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形.它是基于XML(Extensibl ...

  2. SVG映射反爬示例练习——直接提取SVG文字图片的文本

    点击上方"Python爬虫与数据挖掘",进行关注 回复"书籍"即可获赠Python从入门到进阶共10本电子书 今 日 鸡 汤 莫学武陵人,暂游桃源里. 前面我已 ...

  3. ajax 请求svg,jQuery append 到AJAX加载的SVG问题

    我已成功通过AJAX从外部文件加载了一些svg:$("#svg").load(svgUrl + " svg", function() { // do stuff ...

  4. i css svg,如何设置 CSS 背景图中的 SVG 的颜色

    Coloring SVGs in CSS Background Images 如何设置 CSS 背景图中的 SVG 的颜色 I love using SVG in CSS background ima ...

  5. HTML5的 2D SVG和SVG DOM的学习笔记(2)---SVG动画

    SVG支持动画.可以通过以下几种方法获得动画效果: 使用SVG动画元素.SVG可以描述随时间变化的图形对象,使用不同的动画元素可以定义运动路径,淡入淡出效果和对象的膨胀.收缩.旋转和变换颜色. 使用S ...

  6. html显示svg图片,HTML5/CSS3系列教程:使用SVG图片

    在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG. SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信 ...

  7. java 解析 svg文件_java – 如何加载和解析SVG文档

    概观 使用Apache Batik加载和解析SVG文件.该解决方案在将SVG文件转换为MetaPost的初步阶段显示Java代码.这应该提供有关如何使用Java从SVG文件加载,解析和提取内容的一般概 ...

  8. 将图片转换成svg文件,自定义icon小图标,svg速成

    将图片转换成svg文件,自定义icon小图标,svg速成 一.svg是什么? 二.操作步骤 1.进入网站 2.将svg复制 3.引用svg文件 总结 一.svg是什么? SVG是一种图像文件格式,它的 ...

  9. SVG实例详解系列(一)(svg概述、位图和矢量图区别(图解)、SVG应用实例)

    SVG实例详解系列(一) (svg概述.位图和矢量图区别(图解).SVG应用实例) 目录 一.什么是SVG? (1).位图和矢量图概念(图解) (2).SVG的小例子 (a)笑脸符 (b).小鸟 (c ...

最新文章

  1. win32 wmi编程获取系统信息
  2. [Objective-C] 如何定义Block(块)
  3. HTML5动态圆形导航,jQuery带动画特效的圆形导航菜单特效
  4. html5字体颜色自动转换,【转】js里alert里的字体颜色怎么设置:字体颜色方法;fontcolor(color)...
  5. html svg波浪,svg+css3做一个动感的波浪效果实现
  6. nginx将9000端口转发映射至 8080
  7. Castor xsd生成java_java – Castor可以处理从基础XSD导入的多个XSD生成类吗?
  8. Android App优化之提升你的App启动速度之实例挑战
  9. easyui datagrid 让某行复选框置灰不能选
  10. tensorflow一维卷积输入_深度学习中的反卷积(Transposed Convolution)
  11. Echarts数据可视化grid直角坐标系(xAxis、yAxis),开发全解+完美注释
  12. linux ios开发环境,iOS开发环境搭建(Linux版)
  13. Docker容器技术 笔记
  14. java ieee_Java IEEE754 工具类
  15. 黄金分割法python实现
  16. 200万像素网络摄像机一天要多少容量
  17. matlab+字体设置大小,Matlab中如何修改字体的大小?
  18. python做什么最赚钱农村_农业种植致富项目:农村有2个不错的种植项目,投入不多,收益却比打工强...
  19. MySQL-数字格式化
  20. postgresql逻辑备份工具pg_dump和pg_resotre学习

热门文章

  1. 『AD域攻防实践』第二期学习笔记
  2. PowerShell基础教程(10)——处理文件、文件夹和注册表项
  3. WIP Discrete Job or EAM Work Order remain stuck in Pending Close Status (文档 ID 158674.1)
  4. oracle数据库9i下载,Oracle9i下载地址
  5. 极其舒爽的zsh配置(使用gitee镜像飞速下载)
  6. asp.net开发wap程序必备:识别来访手机品牌型号
  7. 本文专注于lt;递归算法和分治思想[胖虎学习算法系列]
  8. makefile中的#.SILENT: 有什么用
  9. AD9361 介绍 (终)
  10. 自动焊接机器人的视觉识别系统