php svg 合成,php – 通过合并其他SVG文件创建SVG图像
我喜欢基于两个数组创建一个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图像相关推荐
- 利用svg合成任意形状的图片
什么是svg: 百度百科这样说: SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形.它是基于XML(Extensibl ...
- SVG映射反爬示例练习——直接提取SVG文字图片的文本
点击上方"Python爬虫与数据挖掘",进行关注 回复"书籍"即可获赠Python从入门到进阶共10本电子书 今 日 鸡 汤 莫学武陵人,暂游桃源里. 前面我已 ...
- ajax 请求svg,jQuery append 到AJAX加载的SVG问题
我已成功通过AJAX从外部文件加载了一些svg:$("#svg").load(svgUrl + " svg", function() { // do stuff ...
- i css svg,如何设置 CSS 背景图中的 SVG 的颜色
Coloring SVGs in CSS Background Images 如何设置 CSS 背景图中的 SVG 的颜色 I love using SVG in CSS background ima ...
- HTML5的 2D SVG和SVG DOM的学习笔记(2)---SVG动画
SVG支持动画.可以通过以下几种方法获得动画效果: 使用SVG动画元素.SVG可以描述随时间变化的图形对象,使用不同的动画元素可以定义运动路径,淡入淡出效果和对象的膨胀.收缩.旋转和变换颜色. 使用S ...
- html显示svg图片,HTML5/CSS3系列教程:使用SVG图片
在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG. SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信 ...
- java 解析 svg文件_java – 如何加载和解析SVG文档
概观 使用Apache Batik加载和解析SVG文件.该解决方案在将SVG文件转换为MetaPost的初步阶段显示Java代码.这应该提供有关如何使用Java从SVG文件加载,解析和提取内容的一般概 ...
- 将图片转换成svg文件,自定义icon小图标,svg速成
将图片转换成svg文件,自定义icon小图标,svg速成 一.svg是什么? 二.操作步骤 1.进入网站 2.将svg复制 3.引用svg文件 总结 一.svg是什么? SVG是一种图像文件格式,它的 ...
- SVG实例详解系列(一)(svg概述、位图和矢量图区别(图解)、SVG应用实例)
SVG实例详解系列(一) (svg概述.位图和矢量图区别(图解).SVG应用实例) 目录 一.什么是SVG? (1).位图和矢量图概念(图解) (2).SVG的小例子 (a)笑脸符 (b).小鸟 (c ...
最新文章
- 栈与队列2——两个栈组成队列
- REPL (read-evaluate-print-loop)概念-读取评估打印循环
- 原生态的ajax 及json和gson学习资源
- OpenCV cv :: UMat与DirectX10曲面的互操作性的实例(附完整代码)
- Leet Code OJ 237. Delete Node in a Linked List [Difficulty: Easy]
- AspNet MVC2 学习笔记
- oracle 流标和sql效率,Oracle 中流标使用实例
- 一文读懂:云上用户如何灵活应用定制化网络服务
- Windows中ActiveX控件注册的方法
- 电子标签有哪些封装方式
- 教学服务系统设计之PHP后台设计
- 以太网基础-MAC和PHY
- 三星6.0系统机器(亲测有效)激活XPOSED框架的流程
- git 提交错误:The requested URL returned error: 502
- 文档习惯之格式篇 用文档逼疯一个人的五种办法
- 黑客惊天发现:苹果公司能监视每台iPhone
- 简单模拟鼠标键盘操作
- 基于Spring Boot的个人博客系统的设计与实现毕业设计源码271611
- 问题解决:C# VS2010 调试程序出现:xxx.exe 中的 xxx 处有未经处理的异常: 0xC0000005: 写入位置 0x00000014 时发生访问冲突
- spotlight安装使用