是否可以为raphael元素定义自定义属性?
例如
r.circle(25,50,10).attr({fill:'#b71e16', stroke:'#71140f', 'my_custom_attribute':'a value'});
Run Code Online (Sandbox Code Playgroud)
我需要这个的原因是我想在一整套元素上做一些相当复杂的动画,我想在某处存储每个元素的原始y坐标.
我的自定义标签栏出现了一些奇怪的行为.图像似乎不正确对齐.这是一个截图(我删除了自己的标签栏背景以突出显示我的问题):
这是我用来为每个状态设置图像的代码:
self.tabBarController = [[[UITabBarController alloc] init] autorelease];
self.tabBarController.viewControllers = [NSArray arrayWithObjects:homeNavController, whatsOnNavController, mapNavController, infoNavController, nil];
self.tabBarController.delegate = self;
// For iOS 5 only - custom tabs
if ([self.tabBarController.tabBar respondsToSelector:@selector(selectedImageTintColor)])
{
// Set the background images
//[[UITabBar appearance] setBackgroundImage: [UIImage imageNamed:@"nav_bg.png"]];
[[UITabBar appearance] setSelectionIndicatorImage:[UIImage imageNamed:@"nav_over.png"]];
[homeNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_home_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_home"]];
[whatsOnNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_whats_on_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_whats_on"]];
[mapNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_map_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_map"]];
[infoNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_info_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_info"]];
}
Run Code Online (Sandbox Code Playgroud)
我的所有替换标签图像都是正确的尺寸(非视网膜版本高49像素,宽80像素).
什么可能导致这种奇怪的行为?
这是一个更新的截图,背景到位:
我的网站与Google webfonts一起使用,直到用户点击网站的SSL部分.
此时,chrome会抛出部分编码错误,而我的cufon菜单会丢失它的字距.
我用这个css包括我的webfont:
@font-face {
src: local('Lusitana'), url(https://themes.googleusercontent.com/static/fonts/lusitana
/v1/tAIvAkRzqMJf8Y4fM1R7PXYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
Run Code Online (Sandbox Code Playgroud)
我的js控制台然后给了我这个错误:
[已屏蔽] https://domain.com/ecommerce.php上的网页运行了来自http://fonts.googleapis.com/css?family=Lusitana:regular,700&subset=latin的不安全内容 .
任何想法我如何获得谷歌字体强制SSL?
我有一些问题让两个孩子的a LinearLayout
具有相同的宽度.这就是我得到的:
这是灰色框的布局xml:
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="2"
android:background="@color/medium_grey"
>
<ImageView
android:id="@+id/profile_photo"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:src="@drawable/placeholder_profile_photo"
android:scaleType="fitCenter"
android:contentDescription="@string/blank"
android:layout_weight="1"
/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:background="@color/alert"
>
<TextView
android:id="@+id/profile_rate_header"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Rate User"
/>
<LinearLayout
android:id="@+id/profile_action_rate_user"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_weight="1"
android:gravity="center"
>
<ImageView
android:id="@+id/profile_action_rate_up"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/user_rate_up"
/>
<ImageView
android:id="@+id/profile_action_rate_down"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/user_rate_down"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
Run Code Online (Sandbox Code Playgroud)
我假设设置layout_weight
根的子项LinearLayout
以及a weightSum
和宽度0dp
将产生所需的效果(图像与粉红色'率用户'部分的大小相同)但是情况并非如此.
我错过了什么?
编辑:
这就是我想要它的样子
照片和粉红色的线性布局应该是相等的宽度.
我正在使用一些生成html的服务器代码,它看起来像:
<input type="radio" />
<label>something</label>
<input type="radio" />
<label>something</label>
<input type="radio" />
<label>something</label>
<input type="radio" />
<label>something</label>
Run Code Online (Sandbox Code Playgroud)
我想在一个范围内包装每一对但我无法找到一种方法来选择jquery上的元素对以便wrapAll()
在它们上使用.我无法更改我正在使用的html.有人可以帮忙吗?
我已经看到了这个很好的效果,我想在我正在设计的应用程序中使用类似的东西.我假设这不是"标准"过渡之一.
有谁知道这样的事情是如何实现的?我并不是真的在详细的代码示例之后,更多的是在正确的方向上进行高级概述/推动.
我一直在尝试cufon.replace - Cufon.refresh和Cufon.reload的所有可能组合,但我似乎无法让这个工作.当原始页面加载cufon完成其工作,但当Ajax加载新内容时,cufon丢失.这是我的java希望这对任何人都有意义,Cufon首先开火,然后是Ajax,
jQuery.noConflict();
/*
* TYPOGRAPHY
*/
Cufon.set('fontFamily', 'ColaborateLight');
Cufon.replace('h2, #main h3, h4, h5, h6, #slogan, .label', {
hover: true
});
Cufon.set('fontFamily', 'Colaborate-Medium');
Cufon.replace('#main_home h3', {
hover: true
});
jQuery(document).ready(function() {
var hash = window.location.hash.substr(1);
var href = jQuery('#nav2 li a').each(function(){
var href = jQuery(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #content';
jQuery('#content').load(toLoad)
}
});
jQuery('#nav2 li a').click(function(){
jQuery("#nav2 li a").addClass("current").not(this).removeClass("current");
var toLoad = jQuery(this).attr('href')+' #content';
jQuery('#content').hide('fast',loadContent);
jQuery('#load').remove();
jQuery('#wrapper').append('<span id="load">LOADING...</span>');
jQuery('#load').fadeIn('normal');
window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5);
function loadContent() {
jQuery('#content').load(toLoad,'',showNewContent())
}
function …
Run Code Online (Sandbox Code Playgroud) 我正在使用matlab绘制几个数字,并希望这些数字使用相同的绘图选项.更具体地说,它看起来像这样.
N = 20;
Fs = 200;
t = (0:N-1)/Fs;
x = sin(2*pi*10*t);
y = cos(2*pi*20*t);
z = x + y;
figure(1),clf;
subplot(311);
plot(t, x, 'bs-', 'MarkerFaceColor', 'b', 'LineWidth', 3);
grid on;
subplot(312);
plot(t, y, 'bs-', 'MarkerFaceColor', 'b', 'LineWidth', 3);
grid on;
subplot(313);
plot(t, z, 'bs-', 'MarkerFaceColor', 'b', 'LineWidth', 3);
grid on;
Run Code Online (Sandbox Code Playgroud)
您可以看到绘图选项完全相同.如果我想改变风格,我必须改变它们.是否可以将它们组合在一起并将它们组合在一起并将它们传递给绘图函数
我试图将它们放在像plotOptions = {'bs - ','MarkerFaceColor','b','LineWidth',3}这样的单元格中; 它不起作用.原因可能是绘图函数将plotOptions作为一个参数,因此无法解析它.
有没有人有解决方案?
亲切的问候.
我试图用画布元素替换任何具有背景图像的div,并将这些背景图像绘制到它们上面.
我已经掌握了基础知识,但我background-image
对div上的图像质量与绘制到画布上的相同图像之间的差异感到有些困惑.
这是我用来执行此操作的代码:
$('#container div').each(function(){
if($(this).css('background-image') != 'none'){
var bgImage = $(this).css('background-image').replace(/^url|[\(\)]/g, '');
var image = new Image();
var attrs = $(this)[0].attributes;
var dimensions = new Array();
var canvas = document.createElement('canvas');
dimensions.push($(this).height())
dimensions.push($(this).width());
$(canvas).attr('width',dimensions[0]);
$(canvas).attr('height',dimensions[1]);
$(canvas).css('background-image', 'none');
for(var i = 0; i < attrs.length; i++){
$(canvas).attr(attrs[i].nodeName,attrs[i].nodeValue);
}
var ctx = canvas.getContext('2d');
image.onload = function () {
ctx.drawImage(image, 0, 0, image.height, image.width);
}
image.src = bgImage;
$(this).replaceWith(canvas);
}
});
Run Code Online (Sandbox Code Playgroud)
结果如下:
由于某种原因看起来图像正在被拉伸,但我已经尝试console.log
了我正在使用的图像的宽度/高度,drawImage
并且值与图像尺寸匹配.结果只显示了一幅图像 - 真实的图像是900x4000像素.
这是一个显示操作中问题的jsfiddle链接:
我在使用qTip2获取带有html内容的弹出窗口时遇到了一些麻烦.显示的弹出窗口是空白的,我不知道为什么.
这是我的javascript:
$('.tooltip').qtip({
content: {
text: function(api){
$(this).next('.tooltip-content');
}
}
});?
Run Code Online (Sandbox Code Playgroud)
我的HTML是:
<a class="tooltip"></a>
<div class="tooltip-content"><strong>this is some tooltip</strong> content. <em>italic</em></div>?
Run Code Online (Sandbox Code Playgroud)
我已经设置了一个jsfiddle显示我的问题 - http://jsfiddle.net/tajsy/
我计划在一个页面上有很多这些工具提示,所以我想将链接和隐藏的div与内容配对.
谁能告诉我哪里出错了?
我正在使用NSFetchedResultsController
检索数据UITableView
.但问题是,我必须使用sortDescriptor
同NSFetchedResultsController
.我不想对数据进行排序,我希望将表中的数据显示为我在表中插入的顺序.
有没有办法处理这个任务?