小编ana*_*nam的帖子
找到Div的长度
如何找到div中存在的元素数？我也想打印div中存在的元素列表.我试过这个,但它不起作用..
<!DOCTYPE html>
<html>
<head>
<title> Div Length</title>
<script type="text/javascript" src="js/jquery-1.6.2.min.js">
</script>
<script>
$(function ()
{
alert(' Elements are ' +$('#main').length);
}
)
</script>
</head>
<body>
<div id="main">
<img src="images/thumb1.jpg"; height="30" width="30" />
<img src="images/thumb2.jpg"; height="30" width="30"/>
<img src="images/thumb3.jpg"; height="30" width="30"/>
<img src="images/thumb4.jpg"; height="30" width="30"/>
<div id="main1">
</div>
<div id="main2">
</div>
</div>
</body>
</html>
我需要找到长度,因为我是动态添加从j查询div中的元素所以最后我想检查已成功添加的所有元素是什么.
谢谢,
4
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
用于翻转图像的css类
我使用创建这两个类来翻转图像.
.imgnew
{
-webkit-transform-style:preserve-3d;
-webkit-transition:all 1.0s linear;
transform-style:preserve-3d;
transition:all 1.0s linear
}
.transition
{
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
}
这两个css文件.当用户点击图像时,我将图像添加到这个2类,因此图像是翻转的.再次把img带回到我从img移除这两个类的位置,但是,我的问题是有一段时间我看到3D过渡效果,有些时候我没有看到它但是图像被翻转.
问题是什么.？？？
3
推荐指数
推荐指数
1
解决办法
解决办法
334
查看次数
查看次数
使用fabric.js,在按钮单击时增加画布文本的fontSize
我正在使用fabric.js在画布上工作.我已经在画布上创建了文本.现在,按钮的onclick我想增加字体大小.
canvas.set({fontSize,40});
这不行吗？任何其他方法.我已经创建了小提琴请 检查
var canvas = window._canvas = new fabric.Canvas('c');
var text = new fabric.Text('Sample', {
left: 100,
top: 100,
fill: 'navy'
});
canvas.add(text);
document.getElementById('textinput').addEventListener('change', function (e) {
var obj = canvas.getActiveObject();
if (!obj) return;
obj.setText(e.target.value);
canvas.renderAll();
});
document.getElementById('btn').addEventListener('click', function (e) {
var obj = canvas.getActiveObject();
alert('button clicked');
if (!obj) return;
obj.set(fontSize,40);
canvas.renderAll();
});
3
推荐指数
推荐指数
1
解决办法
解决办法
6328
查看次数
查看次数
fabric.js显示画布文本的镜像
我正在使用fabric.jscanva .later上的文字点击按钮我希望显示文本的镜像.是否有任何属性fabric.js,我可以用来在画布上旋转文本.
请检查,http://jsfiddle.net/BTh6A/9/
document.getElementById( 'btn' ).addEventListener( 'click', function (e) {
var obj = canvas.getActiveObject();
if ( !obj ) return;
//here comes code to show mirror image
obj.set( 'fill', '#FF0000' );
canvas.renderAll();
});
2
推荐指数
推荐指数
2
解决办法
解决办法
3399
查看次数
查看次数
Fabric.js元素中的弯曲文本
如何在Fabric.js元素的上下文中应用"沿Arc Path的HTML5 Canvas文本"？
http://www.html5canvastutorials.com/labs/html5-canvas-text-along-arc-path/ 使用上面的链接我们可以显示弯曲文本,我怎样才能在fabric.js中实现这一点？
JS小提琴:: http://jsfiddle.net/E5vnU/
function drawTextAlongArc(context, str, centerX, centerY, radius, angle) {
var len = str.length, s;
context.save();
context.translate(centerX, centerY);
context.rotate(-1 * angle / 2);
context.rotate(-1 * (angle / len) / 2);
for(var n = 0; n < len; n++) {
context.rotate(angle / len);
context.save();
context.translate(0, -1 * radius);
s = str[n];
context.fillText(s, 0, 0);
context.restore();
}
context.restore();
}
var canvas = document.getElementById('myCanvas'),
context = canvas.getContext('2d'),
centerX = canvas.width / 2,
centerY = canvas.height - 30,
angle …2
推荐指数
推荐指数
2
解决办法
解决办法
7469
查看次数
查看次数
来自iframe页面事件更改父级的css
我已经homepage包含了最初不可见的middle_overlay div.另外,它包含" iframe capture"页面上有点击按钮,点击按钮事件我想让middle_overlay div可见,但是从另一个页面可以改变我怎样才能改变css？
HTML:
<div id="middle_overlay">
</div>
<div id="middle">
<iframe id="middle_frame" src="capture.php" frameborder='0' border='0' style="border:0;" seamless>
</iframe>
</div>
JQuery ::
$(document).ready(function()
{
$('#Monthly_Report').click(function(){
alert('monthly report clicked');
$('#middle_overlay').css('display','block');
});
});
2
推荐指数
推荐指数
1
解决办法
解决办法
7265
查看次数
查看次数
找到图像的最后一个子元素
我在图像滑块div上有16个图像.我已经编写了代码来动态地在不同的类中添加img.现在我需要检查图像是否是最后一个然后添加到最后一个类.
我编写此代码只是为了在用户点击最后一张图片时显示警告.
if($(this).is('img:last'))
{
alert('last child');
}
else
{
alert("atleast Nooooooooooooooo");
}
这不起作用.我创造了小提琴http://jsfiddle.net/EdGBH/9/
最后一个孩子的财产正在小提琴,但在我的滑块它不工作.请帮助.
感谢致敬,
1
推荐指数
推荐指数
1
解决办法
解决办法
1413
查看次数
查看次数
在php中保存画布但图像文件中没有数据
以下代码我试图在我的机器上保存画布.在文件夹图像文件中创建但它是0kb.
点击下载按钮我在文本和下一个php页面设置值我正在阅读值$_POST['img_name'];.
JQuery ::
$("#Download").click(function() {
console.log('Download clicked');
//alert('Download clicked');
var myval = canvas.toDataURL();
$('#img_txt').val(myval);
});
php代码::
<?php
$myval = $_POST['img_name'];
echo "string is ".$myval;
?>
<?php
$data = base64_decode($_POST['img_name']);
/* Name the file anything you want */
$filename = 'my_image.png';
/* Remove 1st line of base64 string */
/* Note: replace '$base64' with your own variable */
$img = str_replace('data:image/png;base64,', '', $data);
/* Replace spaces */
$img = str_replace(' ', '+', $img);
/* Decode string */
$data …1
推荐指数
推荐指数
1
解决办法
解决办法
6674
查看次数
查看次数
从ajax读取值以json格式返回
在ajax回归中,我得到了json
[{"colourname":"red,yellow"}]
我想"red,yellow"从json 获取字符串,
ajax call se,
$.ajax({
type: "POST",
url: "loadData.php",
data: {
productid: 'getId'
}
}).done(function (msg) {
alert('get ' + msg);
});
我试过了 ,
msg[0].colourname
msg["colourname"]
什么都没有用,我怎么能访问价值观？
1
推荐指数
推荐指数
1
解决办法
解决办法
389
查看次数
查看次数
通过id按升序加载图像
我正在阅读json的图片.我有16个图像..我想通过升序来读取图像.id1,id2,id3等.
目前它们按降序加载
$(document).ready(function() {
var globe;
/* Reading the data from XML file*/
$.ajax({
type: "GET",
url: "photos.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('item').each(function() {
var path = $(this).attr('path');
var width = $(this).attr('width');
var height = $(this).attr('height');
var id = $(this).attr('id');
var alt = $(this).attr('alt');
var longdesc = $(this).find('longdesc').text();
var description = $(this).find('desc').text();
$('#myImageFlow').prepend('<img src="' + path + '" id=' + id + ' height="' + height + '" width="' + width + '" longdesc="' + longdesc + '" alt="' …0
推荐指数
推荐指数
1
解决办法
解决办法
169
查看次数
查看次数