我喜欢基于两个数组创建一个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. 栈与队列2——两个栈组成队列
  2. REPL (read-evaluate-print-loop)概念-读取评估打印循环
  3. 原生态的ajax 及json和gson学习资源
  4. OpenCV cv :: UMat与DirectX10曲面的互操作性的实例(附完整代码)
  5. Leet Code OJ 237. Delete Node in a Linked List [Difficulty: Easy]
  6. AspNet MVC2 学习笔记
  7. oracle 流标和sql效率,Oracle 中流标使用实例
  8. 一文读懂:云上用户如何灵活应用定制化网络服务
  9. Windows中ActiveX控件注册的方法
  10. 电子标签有哪些封装方式
  11. 教学服务系统设计之PHP后台设计
  12. 以太网基础-MAC和PHY
  13. 三星6.0系统机器(亲测有效)激活XPOSED框架的流程
  14. git 提交错误:The requested URL returned error: 502
  15. 文档习惯之格式篇 用文档逼疯一个人的五种办法
  16. 黑客惊天发现:苹果公司能监视每台iPhone
  17. 简单模拟鼠标键盘操作
  18. 基于Spring Boot的个人博客系统的设计与实现毕业设计源码271611
  19. 问题解决:C# VS2010 调试程序出现:xxx.exe 中的 xxx 处有未经处理的异常: 0xC0000005: 写入位置 0x00000014 时发生访问冲突
  20. spotlight安装使用

热门文章

  1. 中小河流水文监测 水文实时测报系统 水位自动监测预警
  2. 基于vlc-Qt的视频播放器(支持添加视频列表、单曲循环等)
  3. leo-手机开单库存管理系统
  4. h3c交换机限制端口访问_H3C交换机典型访问控制列表(ACL)配置实例
  5. PMP项目管理引论介绍
  6. Joomla详细安装图文教程
  7. 软件测试实验室规划,如何选择和规划软件测试实验室
  8. Android app 内部在线升级
  9. VOIP 电话/VOIP网络电话的基本原理
  10. Thinkphp装修装饰设计公司网站源码