GVKun编程网logo

HTML – svg不锐利,但模糊(svg html5)

4

如果您对HTML–svg不锐利,但模糊和svghtml5感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解HTML–svg不锐利,但模糊的各种细节,并对svghtml5进行深入的分析,此外还有关于

如果您对HTML – svg不锐利,但模糊svg html5感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解HTML – svg不锐利,但模糊的各种细节,并对svg html5进行深入的分析,此外还有关于ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]的实用技巧。

本文目录一览:

HTML – svg不锐利,但模糊(svg html5)

HTML – svg不锐利,但模糊(svg html5)

enter image description here

无论出于何种原因,这些svg文件看似模糊,并且在所有浏览器中都不是100%锐利.这些是svg文件,并且包含在缩放到像素的元素中,换句话说,使用px而不是% – 因此没有浏览器位图错误.

知道为什么会这样吗?

这是svg文件之一;

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0,SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg 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"
	 viewBox="0 0 361.5 192.5"xml:space="preserve">
<style type="text/css">
	.st0{fill:none;}
	.st1{fill:#FC5500;}
	.st2{fill:#FFFFFF;}
	.st3{fill:#FB5500;}
</style>
<g>
	<pathd="M-9.4-6.3c126,252,378,0c0,68.7,137.3,206c-126,0-252,0-378,0C-9.4,131-9.4,62.4-9.4-6.3z"/>
	<pathd="M-0.2,112.1c0-8,0-15.9,0-24.4c112.3,224.3,336.7,0c0-29.4,0-58.4,0-87.7c8.4,16.4,25,0
		c0,46.8,93.7,140.6c-2.4-0.3-2.5-2.5-3.2-4c-3.7-9-10.3-15-19.3-18.5c-15.2-6-31.2-6.7-47.2-5.5c-7.8,0.6-15.6,1.5-23.1,4.1
		c-24.8,8.7-33.9,38-18.3,59.2c5.8,7.8,14.5,10.9,23.4,13.4c2,0.6,4.9-0.1,5.6,3.1c-13.9,0-27.9,0-41.8,0
		c-8.1-5.7-14.1-13.6-21.4-20.2c-1.7-1.5-3.8-2.8-4.1-5.5c0.5-2.5,2.8-3.1,4.7-3.9c9.5-4.3,14.3-11.9,14.5-22.1
		c0.2-10.1-4.8-17.3-13.9-21.8c-8.5-4.2-17.6-5.3-26.7-5.5c-20.8-0.4-41.6-0.1-62.5-0.1c-1.7,0-3.3,0-4.8,0.8
		c-1.6,2.3-1.1,4.9-1.1,7.3c0,21.2,42.3,63.5c0,2.6,0.5,5.4-1.7,7.6c-32,0-64,0-96.1,0c-3.2-6.9-1.5-13.8-0.9-20.2
		c3.1-2.6,6-2.3,8.8-2.3c12.7-0.1,25.3,38-0.1c7.8-0.1,15.3-1.6,22.2-5.3c17.8-9.6,18.8-33.3,1.7-44.3c-8.9-5.7-19.1-6.7-29.3-6.9
		c-19.3-0.3-38.7,0.1-58-0.1C4.6,113.4,2,113.8-0.2,112.1z"/>
	<pathd="M120.6,192.5c0-26.6,0-53.3,0-80.7c29.5,1.5,58.7-2.6,87.6,2.2c13.5,2.2,24.2,9.5,24.9,25.1
		c0.6,14.2-6.8,23.1-20.2,27c8.3,8.8,16.5,17.6,24.7,26.4c-11.2,0-22.5,0-33.7,0c-4-1.4-6-5-8.7-7.9c-12.1-13.2-6.6-11-23.7-11.2
		c-5.5-0.1-10.9,0-16.4,0c-2,0-4-0.2-6,1c-1.5,3.5-0.5,7.4-0.8,11.1c-0.2,2.4,0.3,5-1.7,7.1C138,192.5,129.3,120.6,192.5z"/>
	<pathd="M203.8,0.7c-4.9,6.4-10,13.1-15.2,20c-18.4,0-36.7,0-55,0c-4.1,0-9-0.2-8.9,5.9c0,6.1,4.8,5.9,9,6
		c16.8,0.2,33.7-0.4,50.5,0.6c12.5,0.7,22.4,22.6,20.9c0.2,14.6-7.3,24.7-22.5,25.3c-28.5,1.2-57.1,0.3-85.9,0.3
		c5-6.5,10.1-13.2,15.3-20c19.3,38.4,0.1,57.6-0.1c4.4,11.3,1.9,11.3-5.3c0.1-7.7-7-5.4-11.6-5.5c-16.1-0.4-32.4,0.3-48.4-0.9
		c-13-1-21.7-8.1-21.9-22.5c-0.2-14.9,8.5-23.6,22-24.3C149.5-0.2,176.6,203.8,0.7z"/>
	<pathd="M279.5,192.5c-31.5-9.3-41.2-22.1-36.9-48.9c2.8-17.6,15-26,31-29.7c18.9-4.4,38-4.4,57-0.2
		c15.1,3.4,26.5,31,27c0,7.6,15.2,22.9c-2.8,16.5-15.6,27.1-34.6,28.6c-1,0.1-2-0.2-2.9,0.3
		C309.1,294.3,279.5,192.5z"/>
	<pathd="M77.2,20.7c-17.1,0-33.9,0-51.1,3.2,6.3,9.8c20.5,41.1,62.9,0c-5.3,6.7-9.8,12.4-14.4,18.2
		c-16.2,0-32.1,0-48.5,3.6,7,10.8c22,44.1,67.6,0c-5.9,7.7-11,14.5-16,21.1c-26,0-51.6,0-77.6,0C0,53.7,27,0
		c30.7,61.4,93,0C87.6,7.1,82.5,13.8,77.2,20.7z"/>
	<pathd="M-0.2,112.1c25.3,50.6-0.4,75.9,0.7c20.2,0.9,32.8,13.2,32.7,29.5c-0.1,16.5-13.5,28.5-34.1,29.3
		c-16.3,0.6-32.6,0.1-49.7,0.1c0,7.4,14.1,20.9c-8.1,0-16.3,0-24.8,0C-0.2,165.6-0.2,138.8-0.2,112.1z"/>
	<pathd="M233.3-0.2c18.6,37-0.5,55.3,0.1c21,34.6,13.1,30.5c0,17.4-13.8,29.5-35.4,30.1
		c-15.1,0.5-30.3,0.1-45.9,6.7,19.8c-8.6,0-16.6,0-25,0c0-13.4,0-26.6,0-40.7c22.6,45.3,68.1,0
		c5.2,10.8-0.6,12.4-6.2c2.6-9.1-3-12.6-11.1-12.7c-22.7-0.2-45.5-0.1-69.4-0.1C222.7,13.3,227.9,6.6,233.3-0.2z"/>
	<pathd="M146.7,192.5c0-6.8,0-13.6,0-20.8c13.2,26.1,39.7,0c5.6,11.6,13.7,20.8
		C184.9,165.8,146.7,192.5z"/>
	<pathd="M323.9,192.5c17.1-3.7,32.3-9.9,37.6-29c0,18.9,29C349,336.4,323.9,192.5z"/>
	<pathd="M145.8,150.8c0-5.7,0-11.4,0-17.1c17.9,35.6-0.2,53.3,0.2c4.4,3.1,7.7,8.3c-0.1,6-4.5,8.4-9.3,8.5
		C180.4,151,163.3,150.8,145.8,150.8z"/>
	<pathd="M302.2,173.1c-6-0.4-11.4-0.7-16.9-1.1c-12.8-1.1-18.4-8-18.1-20.9c0.3-12.7,7.6-17.4,19-18.6
		c11.1-1.1,22.3-1.2,33.4,0.1c11.3,1.3,17.2,17.3,19c0.1,11.8-5,18.7-16.7,20C314.1,172.4,307.9,172.7,302.2,173.1z"/>
	<pathd="M25.1,133c15.6,30.9-0.2,46.2,0.1c5.6,11.1,1.8,11.2,8.7c0.2,7.1-5.2,9.3-11.1,9.4
		c-15.3,0.3-30.6,0.1-46.3,0.1C25.1,145.5,25.1,139.6,133z"/>
</g>
</svg>

解决方法

如果你希望你的SVG最锐利,那么设计它的形状 – 特别是形状的水平和垂直部分 – 都在像素边界上.

例如,比较以下两个示例:

<svg width="50" height="50">
  <rect x="9.5" y="9.5" width="31" height="31"/>
</svg>

<svg width="50" height="50">
  <rect x="10" y="10" width="30" height="30"/>
</svg>

这是4X enlargement.

enter image description here

的样子

每当您的形状穿过像素中间时,由于2D渲染器使用的抗锯齿,您将获得灰色像素.

ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1.Action、RenderAction加载办法的视图,履行Controller → Model → View的次序,然后把产生的页面带回到本来的View中再回传。而Partial、RenderPartial直接加载视图文件内容

2.Html.Partial可以直接供给用户控件名作为参数,而Html.Action须要有对应的Action,在Action内部返回PartailResult(即retun PartialView())。

3.对于简单的没有任何逻辑的用户控件,推荐应用Html.Partial;对于须要设置一些Model的用户控件,推荐应用Html.Action。当然,有Model数据也是可以应用Html.Partial办法的,可以看办法的重载。

4.Html.Partial与Html.Action有啥区别呢?区别就是,Html.Partial只有一个视图,而Html.Action除了视图,还真的有个Action跟它对应,所以,Html.Action功能比Html.Partial要强。

 

如何调用这个Html.Partial

 //1、以视图名使用当前文件夹下的视图(如果没有找到,则搜索 Shared 文件夹)
@Html.Partial( "_test" //加载对应文件 /Views/Product/_test.cshtml
 
//2、依据应用根路径定位视图// 以 "/" 或 "~/" 开头的路径代表应用根路径
@Html.Partial( "~/Views/Product/_test.cshtml" )
@Html.Partial( "/Views/Product/_test2.cshtml" )
 
//3、加载其他目录的 视图文件
//注意:需要复制views中的web.config 到template目录,否则会提示  "/template/A.cshtml”处的视图必须派生自 WebViewPage 或 WebViewPage<TModel>"
@Html.Partial( "/template/A.cshtml" )

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

在ASP.NET MVC中,有什么区别:

Html.Partial and Html.RenderPartial
Html.Action and Html.RenderAction

解决方法

Html.Action调用控制器的动作,这意味着它实例化控制器实体,调用动作方法,构建模型并返回视图结果.

Html.Partial使用已创建的模型(或者可以在没有模型的情况下调用)来渲染指定的视图.

何时使用一个而不是另一个?如果您已有模型并且只想拥有可重复使用的视图,请选择Html.Partial.如果你看到某个部分值得拥有自己的模型和动作,那么使用Html.Action可能是有意义的.

这个问题在this article中有更详细的讨论,你在上面看到的基本上是它的摘录.

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1、带有Render的方法返回值是void,在方法内部进行输出;不带的返回值类型为MvcHtmlString,所以只能这样使用:

     @Html.Partial 对应 @{Html.RenderPartial(....);}@Html.Action 对应 @{Html.RenderAction(....);}

2、Html.Partial可以直接提供用户控件名作为参数,

    而Html.Action需要有对应的Action,在Action内部返回PartailResult(即retun PartialView())。

3、对于简单的没有任何逻辑的用户控件,推荐使用Html.Partial;对于需要设置一些Model的用户控件,推荐使用Html.Action。当然,有         Model数据也是可以使用Html.Partial方法的,可以看方法的重载。

4、使用Html.Action有个好处,就是可以根据不同的场景选择不同的用户控件。比如:@Html.Action("UserInfoControl")在对应的    UserInfoControl这个Action中,在用户未登录的时候,可以retun PartialView("LogOnUserControl");登录后,可以retun  PartialView("UserInfoControl");

asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]

asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]

我在我的网站的管理面板上使用 TinyMCE editor,所以我用[AllowHtml]装饰模型属性(tinymce的目标),并在视图中使用Html.BeginForm().当我提交带有HTML字段的表单时,一切正常.

但是我有一个问题,如果我以相同的方式使用重载Html.BeginForm(“action”,“controller”),它会跳过[AllowHtml]并抛出众所周知的Request.form异常.
我被迫在Action-Method上使用[ValidateInput(false)]来使它无异常地工作.
你知道为什么吗?在此先感谢您的澄清,

这是方案/项目:Asp.net Mvc 4:

型号/ Ricetta.cs

..
[required(ErrorMessage = "Corpo Articolo vuoto")]
[AllowHtml]
public string corpoTesto { get; set; }
..

Controller / RicetteController.cs

..
    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create(Ricettaviewmodel modelloRicetta)
    {
        if (ModelState.IsValid) {
..

查看Ricette / Create从RicetteController中的另一个Action方法调用为View(“Create”,modelObject)

@model WebAPP_MVC4.Areas.Admin.Models.Ricettaviewmodel
 ...
 @using (Html.BeginForm("Create","Ricette",FormMethod.Post)){
 @Html.AntiForgeryToken()
 @Html.ValidationSummary(true)

....

<fieldset>
    <legend>Corpo Ricetta ~</legend>
    <div>
        @Html.LabelFor(p=>p.ricetta.corpoTesto)
    </div>
    <div>
        @Html.TextAreaFor(p=>p.ricetta.corpoTesto,new { @cols = 60,@rows = 20})
        @Html.ValidationMessageFor(p=>p.ricetta.corpoTesto)
    </div>
 </fieldset>
..

解决方法

我做了快速测试,一切正常,Html.BeginForm()和Html.BeginForm(“action”,“controller”)之间的行为没有区别.也许这个问题的原因在于您没有向我们展示的源代码.

在我的代码(工作)下面:
VieModel:

public class Postviewmodel
{
    [AllowHtml]
    [required]
    public string Content { get; set; } 
}

控制器:

public ActionResult Index()
{
    return View("Create",new Postviewmodel());
}

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(Postviewmodel model)
{
    if (ModelState.IsValid)
    {
        return Index();
    }
    return View(model);
}

视图:

@model SendHTmlTpControler.Models.Postviewmodel

<html>
<head>
    <script src="~/Scripts/tinymce/tiny_mce.js"></script>

    <script type="text/javascript">
        tinymce.init({
            selector: "textarea",toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
        });
    </script>
</head>
<body>
    <h2>Create</h2>

    @using (Html.BeginForm("Create","Home",FormMethod.Post))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

        <div>
            @Html.LabelFor(model => model.Content)
        </div>
        <div>
            @Html.TextAreaFor(model => model.Content,@rows = 20 })
            @Html.ValidationMessageFor(model => model.Content)
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    }

</body>
</html>

关于HTML – svg不锐利,但模糊svg html5的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]等相关内容,可以在本站寻找。

本文标签: