小编LWC*_*LWC的帖子

CSS显示调整大小和裁剪的图像

我想显示具有一定宽度和高度的URL中的图像,即使它具有不同的大小比例.所以我想调整大小(保持比例),然后将图像剪切到我想要的大小.

我可以用html img属性调整大小,我可以用background-image.
我怎么能两个都做?

例:

这个图片:

在此输入图像描述


有大小800x600像素,我想像200x100像素的图像一样显示


随着img我可以调整图像200x150px:

<img 
    style="width: 200px; height: 150px;" 
    src="http://i.stack.imgur.com/wPh0S.jpg">
Run Code Online (Sandbox Code Playgroud)


这给了我这个:

<img style="width: 200px; height: 150px;" src="https://i.stack.imgur.com/wPh0S.jpg">
Run Code Online (Sandbox Code Playgroud)


并且background-image我可以剪切图像200x100像素.

<div 
    style="background-image:
           url('https://i.stack.imgur.com/wPh0S.jpg'); 
    width:200px; 
    height:100px; 
    background-position:center;">&nbsp;</div>
Run Code Online (Sandbox Code Playgroud)

给我:

<div style="background-image:url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div>
Run Code Online (Sandbox Code Playgroud)


我怎么能两个都做?
调整图像大小,然后将其剪切为我想要的大小?

html css image background-image

321
推荐指数
11
解决办法
71万
查看次数

将参数传递给JavaScript文件

通常我会有一个我想要使用的JavaScript文件,需要在我的网页中定义某些变量.

所以代码是这样的:

<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
   var obj1 = "somevalue";
</script>
Run Code Online (Sandbox Code Playgroud)

但我想做的是:

<script type="text/javascript" 
     src="file.js?obj1=somevalue&obj2=someothervalue"></script>
Run Code Online (Sandbox Code Playgroud)

我尝试了不同的方法,最好的方法是解析查询字符串,如下所示:

var scriptSrc = document.getElementById("myscript").src.toLowerCase();
Run Code Online (Sandbox Code Playgroud)

然后搜索我的价值观.

我想知道是否有另一种方法可以做到这一点,而无需构建一个解析我的字符串的函数.

你们都知道其他方法吗?

javascript parameter-passing

145
推荐指数
9
解决办法
21万
查看次数

Google跟踪代码管理器容器可以移动到其他帐户吗?

不是在谈论复制(即导入/导出,这需要替换所有网站的跟踪代码),而是关于在错误的帐户中打开容器和/或需要合并时的情况.

可能吗?

google-tag-manager

7
推荐指数
1
解决办法
6361
查看次数

如何从我的Android应用程序将短信转发到选定的联系人whatsapp?

在这里我被困了几天,我试图发送短信(我的应用程序中的预定义集)与选定的联系人到什么应用程序,在stackoverflow的帮助下,我找到两种方法发送短信whatsapp.

第一种方法:一种方法是正向短信whatsapp,但没有选定的联系人,联系人可以选择,whatsapp但我不想这样做.我想要联系也应该从我的app.now中选择

第二种方法:第二种方法与第一种方法相反.此方法将所选联系人发送whatsapp给短信而不是(预定义的短信).我的问题是,我希望这两件事都应该whatsapp从我的应用程序短信+联系方式传递.当我尝试合并时,两种方法都会出错.请帮我这里是我的第一种方法和第二种方法的代码.

    //1st method: for forward sms to whatsapp
        Intent waIntent = new Intent(Intent.ACTION_SEND);
        waIntent.setType("text/plain");
        String text = "YOUR TEXT HERE";
        waIntent.setPackage("com.whatsapp");
        waIntent.putExtra(Intent.EXTRA_TEXT, text);
        startActivity(waIntent);


    //2nd method: send sms with selected contact but not with predefined sms 
       void openWhatsappContact(String number) {
       Uri uri = Uri.parse("smsto:" + number);
       Intent i = new Intent(Intent.ACTION_SENDTO, uri);
       i.setPackage("com.whatsapp");
       startActivity(i);


  //here i am trying to send both SMS and …
Run Code Online (Sandbox Code Playgroud)

sms android android-intent whatsapp

6
推荐指数
1
解决办法
4729
查看次数

如何使用 JavaScript 在 Chrome v78+ 上检测#enable-force-dark 标志?

我最近为我的网站设计并实现了一种深色模式,该模式使用自定义深色来匹配浅色(默认)配色方案,而且我最近还意识到 Chrome 78 有一个名为#enable-force-dark. 启用后(用户必须这样做),Chrome 会自动尝试将网站转换为深色主题。它与操作系统的偏好分开,这意味着用户可以在系统范围内使用浅色模式,但启用此标志后,Chrome 仍将进行转换。

我正在使用以下代码来检测用户的设备是否像其他线程所建议的那样更喜欢暗模式。请注意,我正在使用 javascript 检测它,因为有一个按钮可以来回切换它,最终得到比使用@media查询更好的解决方案。

if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    // my dark mode code goes here
}
Run Code Online (Sandbox Code Playgroud)

这个if语句是在一个 jQuery$(window).load函数下的,它完美地工作。

我需要的是能够检测到 Chrome 的新#enable-force-dark标志,逆转 Chrome 所做的更改,并启用我的,因为 Chrome 转换不完整,它搞砸了我的自定义样式。我知道这个功能没有被广泛使用,但我想面向未来。

这有可能吗?我不需要要求用户禁用该标志,但如果有必要我会。谢谢!

javascript google-chrome google-chrome-extension

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