小编Pat*_*rik的帖子

PHP从SVG文件中获取svg标记,并在DIV中以HTML格式显示

我想读取一个SVG文件并从该文件中获取SVG标记(因为我想在html中显示svg,例如<div><svg>...</svg></div>没有xml标题).

并在浏览器中显示此svg标签,如HTML - 打印此SVG标签,如SVG图像.贝塞尔现在我输错了输出" DOMNodeList Object([length] => 1) ".

PHP

$doc = new DOMDocument();
$doc->load('http://example.com/logo.svg');
$svg = $doc->getElementsByTagName('svg');

echo "<div style='width: 100%, height: 100%; '>";
print_r($svg); // DOMNodeList Object ( [length] => 1 ) 
echo "</div>";
Run Code Online (Sandbox Code Playgroud)

php svg domdocument

10
推荐指数
2
解决办法
2万
查看次数

jQuery - 如果单击DIV中的文本

我有一些DIV.在这些DIV中有一些文本,图像,标签......当需要点击文本时,我需要显示"警报".不是图像,不是其他标签,不是其他标签中的文本......只是DIV内的文本.如何用jQuery做到这一点?

jsFiddle例子.

HTML

<div style="background-color:PapayaWhip;">Some text. 
 <img src="http://ynternet.sk/test2/close_1.jpg" /> 
 <img src="http://ynternet.sk/test2/close_2.jpg" /> 
</div> 
<div style="background-color:Moccasin;">This are letters 
 <em>and this are not.</em> 
 Hello again!
</div> 
<div style="background-color:LightGoldenRodYellow;">
 <img src="http://ynternet.sk/test2/close_1.jpg" />
 <img src="http://ynternet.sk/test2/close_2.jpg" />
 Letters in new line.
 <img src="http://ynternet.sk/test2/close_1.jpg" />
 <img src="http://ynternet.sk/test2/close_2.jpg" /> 
</div> 
<div style="background-color:Wheat;">New letters in another line.</div>
Run Code Online (Sandbox Code Playgroud)

CSS

div {
  padding:10px 0px 0px 20px;
  font-family:Verdana;
  height:40px;
}
em{
  color:red;
}
Run Code Online (Sandbox Code Playgroud)

html css jquery select

6
推荐指数
2
解决办法
9649
查看次数

如何从输入元素中获取值作为十进制数字

我想从输入元素中获取值作为数字并用 jQuery 计算它们。我正在尝试,但结果不是十进制的。如何解决这个问题?

HTML

<input name="test1" value="1.77" type="hidden" />
<input name="test2" value="1.23" type="hidden" />
Run Code Online (Sandbox Code Playgroud)

jQuery

var a = parseInt($( "input[name='test1']").val(), 10);
var b = parseInt($( "input[name='test2']").val(), 10);
alert( a + b ); // should be 3, but it is only 2
Run Code Online (Sandbox Code Playgroud)

这是一个示例 -> jsfiddle 示例

jquery numbers input decimal

5
推荐指数
2
解决办法
2万
查看次数

jQuery - z-index操作和自动值而不是数字

当你add new按下按钮时,jQuery将新dragrable DIVs的插入CONTAINER.当我点击其中一些时DIVs,我想改变z-index价值.但jQuery无法将z-index值作为数字.它只显示'auto'...是否有解决方案显示真正的z-index值和increase it by 1

jsFiddle示例 - http://jsfiddle.net/ynternet/84nVQ/10/

HTML

<div id="add" style="background:yellow; width:100px;"> add new </div>
<div id="container"> </div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

function handler() {
    if ($(this).find("#menu").length) {
        return;
    }
    var currentIndex = $(this).css('z-index');
    alert(currentIndex);
    var newIndex = currentIndex + 1;
    alert(newIndex);
    $(this).css('z-index', newIndex);
}
$("#add").on({
    click: function(e) {
        var timestamp = Date.now();
        var posx = Math.floor(Math.random() * 400);
        var posy = Math.floor(Math.random() * 400);
        $('#container').append(function() { …
Run Code Online (Sandbox Code Playgroud)

jquery z-index

4
推荐指数
1
解决办法
4682
查看次数

通过jQuery从SVG获取PATH的FILL属性

当我点击SVG时,我想从这个SVG获得所有PATH的列表.然后从每个PATH获得FILL.但似乎,jquery doues不知道归因于FILL.

jsfiddle的例子

HTML

<div id="element1" style="width:250px; height:250px; padding:0px; background-color:#ffd;">
<svg style="width:100%; height:100%; " version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="340.156px" height="340.152px" viewBox="0 0 340.156 340.152" enable-background="new 0 0 340.156 340.152"
     xml:space="preserve">
<path id="path_1" fill="#74C750" d="M340.156,170.078c0,93.926-76.146,170.074-170.077,170.074C76.146,340.152,0,264.004,0,170.078
    C0,76.146,76.147,0,170.079,0C264.011,0,340.156,76.146,340.156,170.078z"/>
<path id="path_2" fill="#FFFFFF" d="M54.432,147.366c-12.547,0-22.712,10.166-22.712,22.712c0,12.54,10.165,22.705,22.712,22.705
    c12.54,0,22.705-10.165,22.705-22.705C77.137,157.532,66.972,147.366,54.432,147.366z M216.56,250.57
    c-10.86,6.273-14.585,20.153-8.312,31.008c6.266,10.861,20.146,14.584,31.007,8.313c10.86-6.268,14.584-20.146,8.312-31.01
    C241.3,248.027,227.412,244.304,216.56,250.57z M103.754,170.078c0-22.438,11.146-42.265,28.201-54.27l-16.602-27.807
    c-19.867,13.28-34.648,33.573-40.792,57.342c7.168,5.849,11.756,14.753,11.756,24.732c0,9.977-4.588,18.879-11.756,24.729
    c6.135,23.772,20.917,44.066,40.792,57.348l16.602-27.813C114.901,212.344,103.754,192.519,103.754,170.078z M170.079,103.746
    c34.649,0,63.078,26.567,66.063,60.448l32.355-0.479c-1.593-25.013-12.52-47.468-29.31-63.979
    c-8.635,3.262-18.606,2.763-27.228-2.206c-8.635-4.983-14.049-13.389-15.528-22.514c-8.393-2.316-17.225-3.584-26.354-3.584
    c-15.697,0-30.538,3.687-43.716,10.209l15.777,28.272C150.628,105.966,160.097,103.746,170.079,103.746z M170.079,236.403
    c-9.982,0-19.451-2.221-27.938-6.17l-15.778,28.271c13.178,6.53,28.019,10.22,43.717,10.22c9.131,0,17.963-1.271,26.354-3.594
    c1.479-9.125,6.896-17.521,15.528-22.515c8.626-4.977,18.593-5.467,27.228-2.205c16.79-16.512,27.717-38.967,29.31-63.979
    l-32.364-0.479C233.157,209.845,204.731,236.403,170.079,236.403z M216.551,89.572c10.861,6.272,24.742,2.557,31.009-8.304
    c6.272-10.861,2.559-24.742-8.305-31.018c-10.86-6.266-24.74-2.543-31.017,8.318C201.975,69.425,205.698,83.306,216.551,89.572z"/>
</svg>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$("#element1").click(function () {
    $('#element1').children('svg').children('path').each(function () {
        alert(this.attr('fill'));
    });
});
Run Code Online (Sandbox Code Playgroud)

jquery svg path fill

4
推荐指数
1
解决办法
1万
查看次数

"setlinestyle"中tcpdf中单元格的不同边框

在库TCPDF中.如何通过命令"setlinestyle"设置不同的边框,使细胞看起来像这样:

CSS

/* top */
border-top-width="1" 
border-top-style="solid" 
border-top-color="rgba(0, 255, 0, 1)"
/* right */
border-right-width="2" 
border-right-style="dotted" 
border-right-color="rgba(255, 0, 255, 1)" 
/* bottom */ 
border-bottom-width="3" 
border-bottom-style="solid" 
border-bottom-color="rgba(0, 0, 255, 1)"
/* left */
border-left-width="4" 
border-left-style="solid" 
border-left-color="rgba(255, 0, 255, 1)" 
Run Code Online (Sandbox Code Playgroud)

所有边框都有一种样式的PHP命令

$pdf->SetLineStyle(array('width' => 0.5, 'cap' => 'butt', 'join' => 'miter', 'dash' => 4, 'color' => array(255, 0, 0)));

$text="DUMMY";
$pdf->Cell(0, 0, $text, 1, 1, 'L', 1, 0);
Run Code Online (Sandbox Code Playgroud)

border cell tcpdf

3
推荐指数
1
解决办法
1万
查看次数

TCPDF:如何以正确的方式设置FONT SIZE

我想通过TCPDF设置一些文本块.但是我的字体大小有些问题.第一个文本块在xy/5-5上,字体大小为5到.但它比5更小.TCPDF中的字体大小与其他维度的字体大小不同?

TCPDF  - 尺寸和字体大小

PHP

$text1 = 'AAAg';
$text1_x = 5;
$text1_y = 5;
$text1_font_size = 5;

$text2 = 'BBBg';
$text2_x = 10;
$text2_y = 10;
$text2_font_size = 10;

$text3 = 'CCCg';
$text3_x = 15;
$text3_y = 15;
$text3_font_size = 15;
// I tried  $pdf->Cell and $pdf->Text... both are doing the same...
Run Code Online (Sandbox Code Playgroud)

网络示例.

php pdf font-size dimensions tcpdf

3
推荐指数
2
解决办法
2万
查看次数

从模态窗口中选择图像并将此图像插入页面

我想从AJAX加载的图像中选择图像到某个模态窗口.选择图像后,将选定的图像插入我的页面"DIV id = container".

  1. 哪个模态插件更适合这个?
  2. 这有一些实际的例子吗?(我没找到......)
  3. 那么Avgrund模态插件呢,我能用这个插件制作吗?(相反,它是非常好的效果,我喜欢)

jquery image-gallery modal-window

2
推荐指数
1
解决办法
3862
查看次数

TCPDF - 检查 PDF 文件保存是否完成

我需要保存由 TCDPF 生成的 DPF 文件,保存此文件后我需要将有关它的信息发送到另一个脚本。如何检查PDF文件保存到文件夹是否完成?

$pdf->Output('folder/example_006.pdf', 'F');
Run Code Online (Sandbox Code Playgroud)

save tcpdf output

2
推荐指数
1
解决办法
2569
查看次数

jQuery - 如何获取数据名称?

我有很多带有“数据值”属性的 div。但只有一个类名为“.selected”。我需要用两者制作选择器。数据 + 类名。

如何使用数据属性和类名制作选择器?

HTML

<div data-value="x">Click Me!</div>
<div data-value="y">Click Me!</div>
<div class='selected' data-value="z">Click Me!</div>
<div data-value="w">Click Me!</div>
Run Code Online (Sandbox Code Playgroud)

jQuery

alert( $("div[data-value] .selected").data('value') );  // this is wrong way...
Run Code Online (Sandbox Code Playgroud)

css jquery selector

2
推荐指数
1
解决办法
9472
查看次数